javascript - 如何使用 JavaScript 隐藏所有 div？

Question

我想知道如何仅使用 JavaScript 隐藏页面上的所有 div，我不能使用 jQuery。有没有办法在不使用附带的数组的情况下做到这一点document.getElementByTag？或者如果没有，你能告诉我如何隐藏所有吗？

Answer 1

用于getElementsByTagName()获取所有div元素的列表，然后将其 CSSdisplay属性设置为none：

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

<div>sads</div>
<div>sads</div>
<span>not a div</span>

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 中，这可能不是您想要的。