Remove div element by Class

Question

To remove element ID I use document.getElementById("your-id").remove();

For Class I use code below but It's not working:

document.getElementsByClassName("hide1").remove();

<div class=hide1>
  <center>Hide Me</center>
</div>

Side note, `` doesn't exist anymore. Don't use it. Use CSS. – j08691 Aug 04 '18 at 21:23 — j08691, Aug 04 '18 at 21:23
Thanks man, I didn't know that until now. – Cloud Sky Aug 04 '18 at 21:58 — Cloud Sky, Aug 04 '18 at 21:58

score 0 · Accepted Answer · answered Aug 04 '18 at 21:23

0

If there's only one, you can use querySelector:

document.querySelector(".hide1").remove();

<div class=hide1>
  <center>Hide Me</center>
</div>

If you're using getElementsByClassName, you'll be dealing with a NodeList you'll have to iterate over:

[...document.getElementsByClassName("hide1")].forEach(el=>el.remove());

<div class=hide1>
  <center>Hide Me</center>
</div>

answered Aug 04 '18 at 21:23

vol7ron

1 Answers1