Remove multiple specific childNodes in JavaScript

Question

I just wonder on how to remove specific html elements inside div.

Using JavaScript, I research already removing child but I found only removed one element with the array order like [0] and removed all child. My problem is how to remove the specific html multiple tags element.

Need to remove all <Ul> elements inside #custom_description_video div

Here is the sample image:

Do you need to remove all <ul> elements that are direct children of the #custom_description_video element? — Sean
– Sean, Commented Mar 31, 2021 at 17:00
Why not upload images of code/errors when asking a question? — charlietfl
– charlietfl, Commented Mar 31, 2021 at 17:02
for (const ul of document.querySelectorAll('#cutom_description_video ul')) ul.remove() — Bergi
– Bergi, Commented Mar 31, 2021 at 17:09

charlietfl · Accepted Answer · 2021-03-31 17:17:59Z

2

You can use Element.remove() in a loop

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>

edited Mar 31, 2021 at 17:17

answered Mar 31, 2021 at 17:10

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

junreyd Over a year ago

Very helpful for me, and I'm pretty sure to the others in the future. Thanks.

Riyaz Khan · Accepted Answer · 2021-03-31 17:12:57Z

1

Here is another approach to remove all child tag elements:

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


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

answered Mar 31, 2021 at 17:12

Riyaz Khan

3,3643 gold badges18 silver badges31 bronze badges

Collectives™ on Stack Overflow

Remove multiple specific childNodes in JavaScript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related