javascript - 如何使用 JavaScript 删除 HTML 中的子节点？

Question

是否有像document.getElementById("FirstDiv").clear()这样的函数？

Answer 1

要回答最初的问题 - 有多种方法可以做到这一点，但以下是最简单的方法。

如果您已经有了要删除的子节点的句柄，即您有一个包含对它的引用的 JavaScript 变量:

myChildNode.parentNode.removeChild(myChildNode);

显然，如果您没有使用已经执行此操作的众多库之一，您可能希望创建一个函数来抽象它:

function removeElement(node) {
    node.parentNode.removeChild(node);
}

---

编辑:正如其他人所提到的:如果您有任何事件处理程序连接到您要删除的节点，您需要确保在对要删除的节点的最后一次引用超出范围之前断开这些事件处理程序，以免 JavaScript 解释器的糟糕实现泄漏内存。