操作DOM
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了操作DOM相关的知识，希望对你有一定的参考价值。
A:更新DOM
1、innerhtml方法：修改一个DOM节点其全部的内容
2、innerText
3、textContent
innerText和textContent区别：读取属性时，innerText不返回隐藏元素的文本，而textContent返回所有文本。另外注意IE<9不支持textContent.
B:插入DOM
1、innerHTML方法：注意：innerHTML会直接替换掉原来的所有子节点，若当前节点不为空，不要用此方式
2、appendChild:结合createElement使用。注意：若要插入的节点已存在与当前的文档中，这个节点首先会从原先的位置删除，再插入到新的位置。
以上是关于操作DOM的主要内容，如果未能解决你的问题，请参考以下文章
jquery 对象的 heightinnerHeightouterHeight 的区别以及DOM 元素的 clientHeightoffsetHeightscrollHeightoffset(代码片段