JavaScript中的DOM操作


更新DOM
1.直接修改标签的innerHTML属性
修改该属性不仅可以修改文本内容,还可以修改标签内部的子节点


2.修改innerText或者textContent属性
只能修改节点的文本内容,不能添加子节点


3.使用style属性获取或者设置对应属性


插入DOM
1.如果在一个空的DOM节点中进行添加可以使用innerHTML
innerHTML会替换节点中原来所有的子节点

2.使用appdenChild,将一个节点添加为父节点的最后一个子节点
可以添加已有的节点,也可以DOM的createElement方法创建一个节点再进行添加


3.使用insertBefore(newnode,confrencenode)将节点插入到指定位置,需要传入一个参考节点


删除DOM
1.使用父节点的removeChild方法
虽然从html文档中删除了但还是存在于内存中

猜你喜欢

转载自blog.csdn.net/qq_29002631/article/details/80335830