5

我可以这样做来更改 div ID 的样式...

document.getElementById('test').style.display = "none";

为什么我不能这样做以对班级做同样的事情？

document.getElementsByClassName('egg').style.display = "none";

如何改变课堂风格？

谢谢

4

5 回答 5

10

document.getElementsByClassName返回具有指定类的元素列表。您可以将显示设置为不显示第一个元素：

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

或者遍历列表并将每个设置为所需的效果：

var eggs = document.getElementsByClassName('egg');
for(var i = 0; i < eggs.length; i++) { 
  eggs[i].style.display='none'
}
于 2013-05-09T11:11:14.060 回答
2

这应该有效：

 var elements = document.getElementsByClassName('egg');
    for(var i = 0, length = elements.length; i < length; i++) {
         elements[i].style.display = 'none';
    }
}

注意：elements是一个数组，此代码循环遍历它并将每个元素样式设置为无。

于 2013-05-09T11:10:30.170 回答
1

的返回值document.getElementsByClassName('egg')是一个数组。

document.getElementsByClassName('egg').forEach(function(b) {
        b.style.display = "none";
    })
于 2013-05-09T11:10:40.433 回答
0 
<script language="javascript">
function assignStyle() {
  var chks = document.getElementsByClassName('myClass');
  for (var i = 0; i < chks.length; i++) {
    chks[i].style.display = 'none';

  }

 }
 </script>

快乐编码:)

于 2013-05-09T11:15:31.107 回答
-1

只需使用 jquery $('.myClass').css({ ...Your CSS properties here... });

于 2013-05-09T11:33:33.207 回答