javascript - 使用 JavaScript 更改一组元素的样式

Question

当我用 Javascript 单击某个元素时，我试图更改类的 css 属性。我的代码如下所示:

HTML:

<li class="nav-item">
  <a class="nav-link text-center" onclick="myFunction()">
    <i class="fa fa-fw fa-angle-left"></i>
  </a>
</li>

JS:

function myFunction() {
  document.getElementsByClassName("card").style.display = "none";
}

这应该会使所有具有“card”类的元素消失，对吗？

Answer 1

getElementsByClassName 返回元素的集合，您需要迭代每个元素来设置样式。