在JavaScript中,appendChild和insertBefore是用于插入節點的兩種常用方法。
parentNode.appendChild(childNode);
其中,parentNode是要添加子節點的父節點,childNode是要添加的子節點。
例如,假設有一個div元素,現在要在其中添加一個p元素,可以使用以下代碼:
var parent = document.getElementById('myDiv');
var child = document.createElement('p');
parent.appendChild(child);
parentNode.insertBefore(newNode, referenceNode);
其中,parentNode是要添加節點的父節點,newNode是要添加的新節點,referenceNode是參考節點,即新節點將插入到referenceNode之前。
例如,假設有一個ul列表,現在要在第一個li元素之前插入一個新的li元素,可以使用以下代碼:
var parent = document.getElementById('myList');
var newLi = document.createElement('li');
var referenceLi = parent.getElementsByTagName('li')[0];
parent.insertBefore(newLi, referenceLi);
需要注意的是,如果referenceNode為null,則insertBefore方法的效果與appendChild方法相同,即在父節點的末尾添加新節點。
以上是使用appendChild和insertBefore方法插入節點的基本用法,可以根據具體需求進行相應的調整和擴展。