如何在JavaScript中添加和删除HTML代码块？

在JavaScript中，可以使用DOM（文档对象模型）来添加和删除HTML代码块。DOM是一种用于访问和操作HTML文档的标准编程接口。

要添加HTML代码块，可以使用以下步骤：

1. 创建一个新的HTML元素节点，可以使用document.createElement(tagName)方法，其中tagName是要创建的HTML元素的标签名，例如div、p等。
2. 可选地，为新创建的元素节点设置属性，可以使用element.setAttribute(name, value)方法，其中name是属性名，value是属性值。
3. 创建一个文本节点，可以使用document.createTextNode(text)方法，其中text是要显示的文本内容。
4. 将文本节点添加到新创建的元素节点中，可以使用element.appendChild(node)方法，其中node是要添加的节点。
5. 将新创建的元素节点添加到文档中的指定位置，可以使用document.getElementById(id)方法获取要添加到的父元素节点，然后使用父元素节点的appendChild(node)方法将新创建的元素节点添加为其子节点。

以下是一个示例代码，演示如何在JavaScript中添加HTML代码块：

// 创建一个新的div元素节点
var newDiv = document.createElement("div");

// 设置div元素的class属性
newDiv.setAttribute("class", "my-div");

// 创建一个文本节点
var newText = document.createTextNode("这是新添加的HTML代码块");

// 将文本节点添加到div元素中
newDiv.appendChild(newText);

// 将div元素添加到文档中的指定位置（例如body元素）
document.getElementById("my-container").appendChild(newDiv);

要删除HTML代码块，可以使用以下步骤：

1. 获取要删除的HTML元素节点，可以使用document.getElementById(id)方法获取该元素节点。
2. 获取要删除的父元素节点，可以使用被删除元素节点的parentNode属性。
3. 使用父元素节点的removeChild(node)方法，将要删除的元素节点从父元素节点中移除。

以下是一个示例代码，演示如何在JavaScript中删除HTML代码块：

// 获取要删除的div元素节点
var divToRemove = document.getElementById("my-div");

// 获取要删除的父元素节点
var parentDiv = divToRemove.parentNode;

// 从父元素节点中移除要删除的div元素节点
parentDiv.removeChild(divToRemove);

这样，你就可以在JavaScript中添加和删除HTML代码块了。请注意，示例代码中的"my-container"和"my-div"是示意性的ID和class名称，你需要根据实际情况进行修改。