使用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也，這可能不是你要什麼，這裏的一切信息。