Cómo ocultar Todos los DIVs abiertas en JavaScript

Cómo ocultar un elemento, como un div, desde una página HTML se puede utilizar para dar su sitio web un aspecto más dinámico. Por ejemplo, en un blog, es posible que desea que los visitantes puedan hacer clic en un botón para ocultar comentarios de la entrada de blog. Ocultando todos los divs en una página se puede lograr mediante el uso de JavaScript para realizar cambios en el modelo de objetos de documento, concretamente CSS atributo de cada elemento de "visualización".

Instrucciones

1 Crear un archivo y abrirlo con un editor de texto, como WordPad.

2 Escribir el código HTML para un número de div y no elementos div. Aquí hay un ejemplo:

<Div> Una div </ div>

<Div> Otra div </ div>

<P> Un párrafo </ p>

3 Escribir el código HTML de un elemento de botón. Poner los elementos de "onclick" propiedad "a hideDivs ()". Esto hará que la función "hideDivs" que se llamará cuando se pulsa el botón. Este es un ejemplo del código:

<button onclick = "hideDivs ()"> Ocultar Div </ botón>

4 En la parte superior del archivo, escribe un par de apertura y cierre de etiquetas de script. Estos contendrán el código JavaScript. Aquí hay un ejemplo:

<Script>

</ Script>

5 Entre las etiquetas de secuencia de comandos, escribir el código para una función JavaScript denominada "hideDivs." La función debe realizar las siguientes tres pasos. En primer lugar, conseguir cada elemento div en una matriz llamando a la función "document.getElementsByTagName" con div como su parámetro y almacenar el resultado en una variable. En segundo lugar, un bucle sobre cada elemento de la matriz usando un bucle "for". En tercer lugar, dentro del bucle, establecen los elementos actuales style.display propiedad a "ninguna". Aquí está el código:

hideDivs function () {

elems var = document.getElementsByTagName ( "div");

for (i = 0; i <elems.length; i ++) {

elems [i] .style.display = "none";

}}