使用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";
}

这应该会让一类"卡"的所有元素都消失，对吧？

Answer 1

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