js中添加 删除 替换 插入节点所用的方法

1. 添加节点：

   • appendChild()：将一个节点添加为另一个节点的子节点。
   • insertBefore()：在指定节点之前插入一个新节点。

2. 删除节点：

   • removeChild()：从父节点中移除指定的子节点。

3. 替换节点：

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