javascript - 在 JavaScript 中更改 DIV 类样式

Question

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

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

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

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

如何改变课堂风格？

谢谢

Answer 1

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'
}

Answer 2

这应该有效：

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

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

Answer 3

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

document.getElementsByClassName('egg').forEach(function(b) {
        b.style.display = "none";
    })

Answer 4

<script language="javascript">
function assignStyle() {
  var chks = document.getElementsByClassName('myClass');
  for (var i = 0; i < chks.length; i++) {
    chks[i].style.display = 'none';

  }

 }
 </script>

快乐编码:)

Answer 5

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