创建插入删除查询替换dom节点的方法（JS实现）

Posted 2020-08-07

1、创建元素节点：createElement

用法：document.createElement("p");//创建p标签；

    创建文本节点：createTextNode;

用法：document.createTextNode("txt");//创建文本标签；

2、插入节点：appendchild:在要插入的元素节点上调用，他插入指定的节点使其成为那个节点的最后一个子节点。

                   insertBefore:在已有的元素前插入一个新元素；

                   insertAfter:在现有的元素后面插入一个新元素；

3、删除节点：removeChild;从文档树中删除一个节点（先找到要删除节点的父节点，用父节点删除）；

                  用法：var para1=document.getElementById("p1");

                               para1.parentNode.removeChild(para1);

4、替换节点：replaceChild;将一个节点替换为另一个节点（先找到要替换的节点的父节点，用父节点替换）；