Nascondi tutte le div con javascript

Question

Mi chiedo come posso nascondere tutti i div sulla pagina usando solo Javascript, non posso usare Jquery. C'è un modo per farlo senza utilizzare gli array forniti con document.getElementByTag? O se non c'è, potresti mostrarmi come nascondere tutto? Grazie!

Answer 1

Utilizzare getElementsByTagName() per ottenere un elenco di tutti gli elementi div e quindi impostare la proprietà CSS display su none.

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

DEMO.

Answer 2

Sarà necessario utilizzare document.getElementsByTagName, e quindi utilizzare un ciclo for per elaborare tutti gli elementi:

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

Answer 3

Giusto per mettere fuori una soluzione completamente diversa qui.

è possibile impostare una classe CSS al vostro corpo, come questo

body.hideDivs DIV { 

    display: none; 

} 

document.body.className = "hideDivs"; 

ma questo sarebbe nascondere tutto all'interno di quelle div anche, che potrebbe non essere quello che si sta andando per qui.