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

Mary-Kate Olsen

发布： 2024-12-08 06:12:14

原创

999 人浏览过

How to Remove All Child Elements from a DOM Node in JavaScript?

删除 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中文网其他相关文章！

来源：php.cn

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

作者最新文章