按类别删除div元素

Question

要删除元素ID，我使用document.getElementById("your-id").remove();

对于Class，我使用下面的代码，但是它不起作用：

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

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

Answer 1

如果只有一个，则可以使用querySelector：

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

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

如果您使用的是getElementsByClassName，则需要处理一个NodeList，您必须对其进行迭代：

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

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