Tecnología

Inicio

Cómo ocultar elementos múltiples en Javascript

Cómo ocultar elementos múltiples en Javascript


Si desea ocultar más de un elemento HTML a la vez, usted no tiene que perder el tiempo repitiendo el mismo código una y otra vez. En su lugar, puede simplificar su trabajo y dar vuelta a una función que esconde múltiples elementos en JavaScript. Mediante el uso de JavaScript para la funcionalidad de bucle (), se puede escribir un comando para ocultar el elemento, y utilizarlo en todos los elementos que necesita para ocultar al mismo tiempo.

Instrucciones

1 Abrir el código fuente de la página Web (generalmente un .htm, .html una o un archivo .php). Utilice el editor HTML preferido o un programa sencillo como Bloc de notas de Windows o TextEdit de OSX.

2 Busque el encabezado del archivo --- el código entre "<head>" y "</ head>." Después de la etiqueta "<head>", copiar y pegar este código:

<Script type = "text / javascript">

<! -

hideElements de función (elementos) {

elements_array = elements.split ( ',');

para (elemento de elements_array) {document.getElementById (elements_array [elemento]) style.display = 'none'.; }

}

->

</ Script>

3 Desplazarse a la sección de cuerpo de su página Web (el código entre "<body>" y "</ body>") y añadir un "<div>" elemento simple de utilizar como un botón o elemento del escondite. Asegúrese de que el div incluye un elemento "onclick" hace referencia a los "hideElements ()" función:

<Div onclick = "hideElements ()" style = "border: 1px solid # 000000;"> ocultar los elementos </ div>

4 Añadir los ID de los elementos que desea ocultar entre los paréntesis de los "hideElements ()" de referencia en el div, separándolos por comas.

Por ejemplo, si desea ocultar elementos con el id "Picture_1", "caption_of_picture_1" y "hideElements ( 'Picture_1, caption_of_picture_1,' page_footer ')" "" page_footer de escritura en la etiqueta <div>.

5 Guarde el archivo y cierre el editor. Cuando se abre el archivo en su navegador, haga clic en "Ocultar elementos" para ocultar los elementos de la página de la lista.