Ocultar todos los divs con javascript

Question

Me pregunto cómo puedo ocultar todos los divs en la página solo usando Javascript, no puedo usar Jquery. ¿Hay alguna manera de hacerlo sin usar las matrices que vienen con document.getElementByTag? O si no lo hay, ¿podría mostrarme cómo ocultarlo todo? ¡Gracias!

Answer 1

Uso getElementsByTagName() para obtener una lista de todos los elementos div y, a continuación, establezca su propiedad CSS display a none.

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

DEMO.

Answer 2

Usted tendrá que utilizar document.getElementsByTagName, y luego utilizar un bucle para procesar todos los elementos:

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

Answer 3

Sólo para poner una solución totalmente diferente aquí.

podría configurar una clase CSS a su cuerpo, como este

body.hideDivs DIV { 

    display: none; 

} 

document.body.className = "hideDivs"; 

Pero esto sería ocultar todo dentro de los divs también, que podrían no ser lo que va de aquí.