JS中插入节点的方法appendChild和insertBefore的应用

1.appendChild() 方法：可以向节点的子节点列表的末尾添加新的子节点。比如：appendChild（newchild）括号里可以是创建的标签var newchild = document.createElement

2.insertBefore() 方法：可在已有的字节点前中插入一个新的子节点。比如：insertBefore(newchild,rechild)

3.相同之处：插入子节点。

4.不同之处：appendChild方法是在父节点中的字节点的末尾添加新的节点（相对于父节点来说）。insertBefor方法是在已有的节点前添加新的节点（相对于子节点来说的）

 

下面将举例说明：

效果是在box-one的末尾插入新的div。

2.第二个例子：新建的元素节点插入到id为p1的元素面前

 

3.第三个例子：新建的元素节点插入到id为p1的元素后面

 insertBefor（）方法插入节点，是可以在子节点列表的任意位置