js学习笔记18----元素创建操作

Posted 2020-08-31 前端[色色]

1.父级.appendChild(新的元素)

从后面开始追加子元素。

2.父级.insertBefore(新的元素,被插入的元素)

在指定元素前面开始插入一个新元素。

兼容性：在ie下，如果第二个参数的节点不存在，会报错。

其他的标准浏览器下如果第二个参数的节点不存在，则会以appendChild的形式进行添加。

3.父级.removeChild(需要删除的元素)

清空元素的节点。

4.父级.replaceChild(需要替换的元素，被替换的元素)

替换元素的节点。

总结： appendChild，insertBefore，replaceChild都可以操作动态创建出来的节点，也可以操作已有的节点。