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()方法插入節點,是可以在子節點列表的任意位置