如何用 JavaScript 隐藏所有 div？

Question

我想知道如何仅使用 JavaScript 隐藏页面上的所有 div，我不能使用 jQuery。有没有办法在不使用document.getElementByTag附带的 arrays 的情况下执行此操作？ 或者，如果没有，您能告诉我如何隐藏所有内容吗？

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

演示 。

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中的所有内容，这可能不是你想要的。

Answer 4

或者改用它，它既快捷又简单：

document.getElementsByTagName('div')[0].style.display = 'none';