首页 > 代码库 > 操作DOM

操作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使用。注意:若要插入的节点已存在与当前的文档中,这个节点首先会从原先的位置删除,再插入到新的位置。

参考:http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014359940861047248456754f44e55919fe9370c723ae6000

 

 

操作DOM