Ukryj wszystkie elementy div za pomocą javascript

Question

Zastanawiam się, jak mogę ukryć wszystkie elementy div na stronie tylko przy użyciu Javascript, nie mogę używać Jquery. Czy istnieje sposób, aby to zrobić bez używania tablic dostarczanych z document.getElementByTag? A jeśli nie, możesz mi pokazać, jak ukryć wszystko? Dzięki!

Answer 1

Zastosowanie getElementsByTagName() aby uzyskać listę wszystkich div elementów, a następnie ustawić ich właściwości CSS display do none.

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

DEMO.

Answer 2

Trzeba będzie użyć document.getElementsByTagName, a następnie za pomocą pętli for przetwarzanie wszystkich elementów:

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

Answer 3

Wystarczy zgasić zupełnie inne rozwiązanie tutaj.

Można ustawić klasę CSS do swojego ciała, jak to

body.hideDivs DIV { 

    display: none; 

} 

document.body.className = "hideDivs"; 

Ale to byłoby ukryć wszystko wewnątrz tych div także, co może nie być tym, co masz zamiar tutaj.