-
添加节点:
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()
等方法仅为示例,你需要根据实际情况来获取或创建相应的节点。