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

在 JavaScript 中删除 DOM 节点的子元素

要从 JavaScript 中删除 DOM 节点的所有子元素，您可以使用多种方法.

选项 1：InnerHTML
这个方法替换节点的全部内部内容。它很简单，但由于浏览器 HTML 解析可能会对性能产生影响。

示例：

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

选项 2：子节点集合
访问子节点集合节点并将其设置为空array:

myNode.childNodes.length = 0;

选项 3：删除子元素 (jQuery)
对于 jQuery 用户，以下代码片段可有效删除子元素：

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

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