如何在 JavaScript 中删除 DOM 元素的所有子节点？

如何移除 DOM 节点的全部子元素 (JavaScript)

在 JavaScript 中，移除 DOM 节点的全部子元素可以通过多种方法实现。

选项 1：清空 innerHTML

const myNode = document.getElementById("foo");
myNode.innerHTML = '';

此方法简单易行，但对于需要高性能的应用程序可能不适用，因为它会调用浏览器的 HTML 解析器（不过浏览器可能会对值为空字符串的情况进行优化）。

选项 2：使用 removeChild

const myNode = document.getElementById("foo");
while (myNode.firstChild) {
  myNode.removeChild(myNode.firstChild);
}

这种方法涉及循环遍历子元素并依次移除它们，性能优于选项 1。

jQuery 选项

如果您使用 jQuery，可以使用以下方法移除子元素：

$("#foo").empty();

这将从指定元素中移除所有子元素。

以上是如何在 JavaScript 中删除 DOM 元素的所有子节点？的详细内容。更多信息请关注PHP中文网其他相关文章！