javascript - 如何更改具有相同类名的元素的样式

Question

使用javascript，我想将类.s的样式改成

.s {
  display: block;
}

为什么这行不通:

document.getElementsByClassName('s').style.display='block';

Answer 1

document.getElementsByClassName : 返回具有所有给定类名的一组元素。

您可能有多个具有此类名称的元素。所以你需要提供像

这样的索引

document.getElementsByClassName('s')[0].style.display='block';

为了给所有具有相同类名的元素应用样式:

var ele = document.getElementsByClassName('s');
for (var i = 0; i < ele.length; i++ ) {
    ele[i].style.display = "block";
}