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是一个数组，此代码循环遍历它并将每个元素样式设置为none。

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 $（'。Class'）。css（{...这里的CSS属性...}）;

在JavaScript中更改DIV类样式

5 个答案: