DOM节点的增加删除

在JavaScript中，我们可以使用以下方法来添加或删除DOM节点：

1. 添加节点：

• 使用 Node.appendChild() 方法在父节点的子节点列表的末尾添加一个节点。
• 使用 Node.insertBefore() 方法在指定的子节点前插入新的节点。

// 创建新的div元素
var newDiv = document.createElement("div");
// 添加文本内容
newDiv.innerHTML = "This is a new div";
// 将新创建的div添加到body元素的末尾
document.body.appendChild(newDiv);

2. 删除节点：

• 使用 Node.removeChild() 方法从DOM中移除一个子节点。
• 使用 Node.remove() 方法移除当前节点。

// 获取需要删除的div元素
var div = document.getElementById("myDiv");
// 从DOM中移除这个div元素
document.body.removeChild(div);

3. 替换节点：

• 使用 Node.replaceChild() 方法替换一个子节点。

// 创建新的div元素
var newDiv = document.createElement("div");
newDiv.innerHTML = "This is a new div";
// 获取需要被替换的div元素
var oldDiv = document.getElementById("myDiv");
// 替换旧的div元素
document.body.replaceChild(newDiv, oldDiv);

以上就是在JavaScript中添加、删除和替换DOM节点的常用方法。