- 添加节点:
appendChild()
:将一个节点添加为另一个节点的子节点。insertBefore()
:在指定节点之前插入一个新节点。
- 删除节点:
removeChild()
:从父节点中移除指定的子节点。
- 替换节点:
replaceChild()
:将一个新节点替换为指定的旧节点。
// 创建一个新节点 var newElement = document.createElement("div"); newElement.innerHTML = "新节点"; // 获取父节点的引用 var parentElement = document.getElementById("parent-element"); // 添加节点 parentElement.appendChild(newElement); // 删除节点 var childElement = document.getElementById("child-element"); parentElement.removeChild(childElement); // 替换节点 var oldElement = document.getElementById("old-element"); parentElement.replaceChild(newElement, oldElement); // 在指定节点之前插入节点 var referenceElement = document.getElementById("reference-element"); parentElement.insertBefore(newElement, referenceElement);
需要注意的是,上述代码中的getElementById()
、createElement()
等方法仅为示例,你需要根据实际情况来获取或创建相应的节点。