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

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