删除 JavaScript 中的多个特定子节点

编程问答 2022-05-15

问题描述

我只是想知道如何删除 div 中的特定 html 元素。

使用 JavaScript，我研究已经删除了 child，但我发现只删除了一个具有 [0] 等数组顺序的元素并删除了所有 child。 我的问题是如何删除特定的html多标签元素。

需要删除<Ul> div内的所有#custom_description_video元素

这是示例图片：

enter image description here

解决方法

您可以在循环中使用 Element.remove()

const uls = document.querySelectorAll('#custom_description_video > ul')

uls.forEach(el => el.remove())
<div id="custom_description_video">
  <div>Some div</div>
  <div>Another div</div>
  <ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
  </ul>
  <ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
  </ul>

</div>

,

这是另一种删除所有子标签元素的方法：

var parentElement = document.getElementById('custom_description_video');


Array.prototype.slice.call(parentElement.getElementsByTagName('ul')).forEach(function(item) { item.parentNode.removeChild(item); } );
htmljavascriptjqueryremovechildremovechild