Ejemplo
Obtener todos los elementos en el documento con el nombre de la etiqueta se especifica:
var x =
document.getElementsByTagName("LI");
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El getElementsByTagName() método devuelve una colección de todos los elementos en el documento con el nombre de etiqueta especificada, como un objeto NodeList.
El objeto NodeList representa una colección de nodos. Los nodos pueden ser accedidos por números de índice. El índice comienza en 0.
Consejo: El ParameterValue "*" devuelve todos los elementos del documento.
Consejo: Puede utilizar el longitud propiedad del objeto NodeList para determinar el número de elementos con el nombre de la etiqueta especificada, entonces se puede recorrer todos los elementos y extraer la información que desee.
Soporte del navegador
Los números de la tabla especifica la primera versión del navegador que es totalmente compatible con el método.
| Método | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
Sintaxis
document.getElementsByTagName( tagname )Los valores de los parámetros
| Parámetro | Tipo | Descripción |
|---|---|---|
| tagname | String | Necesario. El nombre de etiqueta de los elementos que desea obtener |
Detalles técnicos
| DOM Versión: | Nivel básico Objeto Documento 1 |
|---|---|
| Valor de retorno: | Un objeto NodeList, que representa una colección de elementos con el nombre de etiqueta especificada. Los elementos de la colección devuelta se clasifican como aparecen en el código fuente. |
Más ejemplos
Ejemplo
Averiguar cuántos <li> elementos que hay en el documento (con la propiedad length del objeto NodeList):
var x =
document.getElementsByTagName("LI").length; Inténtalo tú mismo " Ejemplo
Cambiar el contenido HTML de la primera <p> elemento (index 0) en el documento:
document.getElementsByTagName("P")[0].innerHTML = "Hello World!"; Inténtalo tú mismo " Ejemplo
Cambiar el color de fondo de todos los <p> elementos en el documento:
var x = document.getElementsByTagName("P");
var i;
for (i = 0; i <
x.length; i++) {
x[i].style.backgroundColor = "red";
} Inténtalo tú mismo " Ejemplo
Usando el "*" parámetro.
Obtener todos los elementos en el documento:
var x =
document.getElementsByTagName("*"); Inténtalo tú mismo " Páginas relacionadas
JavaScript Referencia: elemento. getElementsByTagName()
JavaScript Tutorial: Lista JavaScript HTML DOM nodo