用javascript隐藏所有div

Question

我想知道如何只使用Javascript隐藏页面上的所有div，我不能使用Jquery。有没有办法在不使用document.getElementByTag附带的数组的情况下执行此操作？或者，如果没有，你能告诉我如何隐藏所有？谢谢！

Answer 1

使用getElementsByTagName()获取所有div元素的列表，然后将其CSS display属性设置为none。

var divs = ​document.getElementsByTagName("div");​
for (var i = 0; i < divs.length; i++) {
  divs[i].style.display = 'none';        
}

<强> DEMO

Answer 2

您需要使用document.getElementsByTagName，然后使用for循环来处理所有元素：

var divs = document.getElementsByTagName('div');
for(var i = 0; i < divs.length; i++) {
  divs[i].style.display = "none";
}

Answer 3

在这里提出一个完全不同的解决方案。

你可以为你的身体设置一个CSS类，比如这个

body.hideDivs DIV {

    display: none;

}

document.body.className = "hideDivs";

但是这也会隐藏这些div中的所有内容，这可能不是你想要的。