appendChild 用于向节点添加子节点，removeChild 用于从节点中移除子节点。两者都是 DOM 操作方法。
appendChild 和 removeChild 方法
1、描述：
appendChild 是 JavaScript 中的一个方法，用于将一个节点添加到指定父节点的子节点列表末尾，它接受一个参数，即要添加的节点。
2、语法：
“`javascript
parentNode.appendChild(newNode);
“`
3、参数：
parentNode：表示要将新节点添加到其中的父节点。
newNode：表示要添加的新节点。
4、返回值：
返回被添加的新节点。
5、示例：
“`html
Hello World!
<ｓｃｒｉｐｔ>
var newParagraph = document.createElement("p");
var text = document.createTextNode("This is a new paragraph.");
newParagraph.appendChild(text);
var parentDiv = document.getElementById("parent");
parentDiv.appendChild(newParagraph);
“`
上述示例中，我们创建了一个新的段落元素 newParagraph，并将其添加到了具有 ID "parent" 的 p 元素中。
1、描述：
removeChild 是 JavaScript 中的一个方法，用于从指定父节点的子节点列表中移除一个节点，它接受两个参数，即要移除的节点和可选的替换节点。
2、语法：
“`javascript
parentNode.removeChild(childNode, replacementNode);
“`
3、参数：
parentNode：表示要从中移除子节点的父节点。
childNode：表示要移除的子节点。
replacementNode（可选）：表示要替换被移除子节点的新节点，如果未提供，则被移除的子节点将从其父节点中完全删除。
4、返回值：
无返回值。
5、示例：
“`html
Hello World!
This is a paragraph to be removed.
This is another paragraph.
<ｓｃｒｉｐｔ>
function removeParagraph() {
var parentDiv = document.getElementById("parent");
var paragraphToRemove = parentDiv.getElementsByTagName("p")[1]; // Get the second paragraph element (index starts from 0)
parentDiv.removeChild(paragraphToRemove); // Remove the paragraph from the parent p
}
“`
本文地址：https://www.lifejia.cn/news/40228.html
免责声明：本站内容仅用于学习参考，信息和图片素材来源于互联网，如内容侵权与违规，请联系我们进行删除，我们将在三个工作日内处理。联系邮箱：cloudinto#qq.com（把#换成@）
