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

Question

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

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

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

这是示例图片：

Answer 1

您可以在循环中使用 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>

Answer 2

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

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


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

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

Remove multiple specific childNodes in JavaScript

html

javascript

jquery

nodelist

removechild