如何用 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';