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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM