Cómo usar el método GetElementsByTagName en JavaScript
El "getElementBytagName ()"Es el método específico del elemento DOM que devuelve todos los elementos presentes en una página web junto con su nombre de etiqueta. Acepta el "nombre de la etiqueta"Como argumento y devuelve su colección en vivo que apareció en todo el documento. La colección en vivo significa que proporciona la lista actualizada automáticamente si alguno de los elementos HTML se agregará o eliminará del documento.
Esta guía explica cómo usar el "getElementsBytagName ()"Método en JavaScript.
Cómo usar el método "getElementsBytagName ()" en JavaScript?
El "getElementBytagName ()"Se usa principalmente para acceder a un elemento HTML particular a través de su nombre de etiqueta.
Sintaxis
Elementos var = documento.getElementsBytagName (tagName);En la sintaxis anterior, la "nombre de etiqueta"Corresponde a la etiqueta del elemento que necesita ser obtenida.
Ahora, aplicemos el "getElementBytagName ()Método de diferentes maneras con la ayuda de los siguientes ejemplos.
Ejemplo 1: Aplicar el método "getElementsBytagName ()" para contar "
"Etiquetas
En este ejemplo, el recuento del " (párrafo)
código HTML
Vamos a ver el siguiente código HTML:
Contar párrafo usando getElementsBytagName () método
Este es el primero párrafo.
Este es el segundo párrafo.
Este es el tercero párrafo.
Este es el cuatro párrafo.
En el código HTML anterior:
- El ""Afirma el primer subtítulo.
- El ""La etiqueta define los párrafos establecidos. También incluye el ""Etiqueta en negrita para negrita una palabra específica.
- El ""La etiqueta agrega un botón que tiene un asociado"al hacer clic"Redirección de eventos a la función llamada"contar()"Eso se activará en el clic del botón.
Código JavaScript
A continuación, pase al código JavaScript:
En las líneas de código anteriores:
- Defina una función llamada "contar()".
- En su definición, declare la variable "Paraca"Acceder a los párrafos incluidos a través del"documento.getElementBytagName ()" método.
- Después de eso, un "alerta"La caja se utiliza para mostrar el número total de párrafos utilizando el"longitud" propiedad.
Producción
Como se ve, la salida aumenta un "caja de alerta"Eso muestra el recuento total del" Ejemplo 2: Aplicar el método "getElementsBytagName ()" para contar " "Etiquetas En este ejemplo, el método discutido se puede aplicar para contar el " código HTML En primer lugar, mire el código HTML proporcionado a continuación: Sintaxis Laboral Uso Significado Conclusión En las líneas de código anteriores: " Código JavaScript A continuación, descripción general del código JavaScript: En el código JavaScript anterior: Etiquetas en el documento actual con la ayuda del "documento.getElementBytagName ()" método. Producción La salida muestra el recuento total de.mi., "5"De las etiquetas HTML" Ejemplo 3: Aplicar el método "getElementsBytagName ()" para personalizar los elementos Además de la lista de los elementos HTML, el "getElementBytagName ()"También se puede aplicar para personalizar los elementos también. código HTML Revise el siguiente código HTML: Personalizar el párrafo utilizando el método getElementsBytagName () Este es el primeropárrafo. Este es el segundopárrafo. Este es el terceropárrafo. Este es el cuatropárrafo. En el código HTML anterior: Código JavaScript Ahora, eche un vistazo al código JavaScript: En el bloque de código anterior: Producción La salida muestra que el estilo de borde mencionado se implementa en todos los " Conclusión El "getElementsBytagName ()El método en JavaScript ayuda a los usuarios a invocar la colección en vivo de elementos HTML particulares basados en nombres de etiquetas. Devuelve la lista actualizada de elementos HTML en caso de modificación en el documento. Además, también se puede utilizar para personalizar el contenido específico del elemento HTML según los requisitos a la vez. Esta guía demostró el uso completo del "getElementsBytagName ()"Método en JavaScript.Método getElementsBytagName ()