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

删除 JavaScript 中 DOM 节点的所有子元素

提供的 HTML 代码片段有一个父节点（“foo”），两个子元素（“span”和“div”）。要从“foo”中删除所有子元素，您可以使用以下方法：

仅 DOM 选项 1：清除innerHTML

此方法涉及清除innerHTML 属性的父节点。但是，此方法可能不适合高性能应用程序，因为它会调用浏览器的 HTML 解析器：

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

jQuery 替代方案

在 jQuery 中，您可以使用empty() 方法从节点中删除所有子元素：

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

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