javascript - 如何在不使用 JS 中的 ID 的情况下通过类名更改元素的样式属性？

Question

我正在做一个学校元素，这是我第一次使用 JS，我们不允许将任何 ID 用于 css 样式，但在某些情况下，用户确实想更改 div 的样式 在页面中:

HTML:

<div class="ads">
  ...
</div>

CSS:

.ads{
    display:block;
    //and some other style properties
}

当用户执行我想将显示属性更改为的事件时:

display : none;

我知道如何使用元素的 ID 来完成，但如何仅通过类名来完成呢？

我希望能够这样做:

document.getElementsByClassName('ads').style.display=none;

谢谢。

Answer 1

如果您知道该类只有一个元素，请使用 NodeList 的第一个元素 document.getElementsByClassName返回:

document.getElementsByClassName('ads')[0].style.display = 'none';