Documento HTML DOM getElementsByTagName()
Ejemplo
Obtenga todos los elementos con el nombre de etiqueta "li":
const collection = document.getElementsByTagName("li");
Obtenga todos los elementos en el documento:
const collection = document.getElementsByTagName("*");
Cambie el HTML interno del primer elemento <p> en el documento:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
Más ejemplos a continuación.
Definición y uso
El getElementsByTagName()
método devuelve una colección de todos los elementos con un nombre de etiqueta especificado.
El getElementsByTagName()
método devuelve una HTMLCollection .
La getElementsByTagName()
propiedad es de solo lectura.
Nota
getElementsByTagName("*")
devuelve todos los elementos del documento.
Colección HTML
Una HTMLCollection es una colección de nodos HTML.
Se puede acceder a los nodos de una colección mediante números de índice. El índice comienza en 0.
La propiedad length devuelve el número de elementos de la colección.
Ver también:
El método getElementById() del documento
El método getElementsByClassName() del documento
El método QuerySelector() del documento
Sintaxis
document.getElementsByTagName(tagname)
Parámetros
Parameter | Description |
tagname | Required. The tagname of the elements. |
Valor devuelto
Escribe | Descripción |
Objeto | Un objeto HTMLCollection . Una colección de elementos con un nombre de etiqueta especificado. Los elementos se ordenan tal como aparecen en el documento. |
Más ejemplos
El número de elementos <li> en el documento:
let numb = document.getElementsByTagName("li").length;
Cambia el color de fondo de todos los elementos <p>:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
páginas relacionadas
Referencia de JavaScript: elemento .getElementsByTagName()
Tutorial de JavaScript: lista de nodos DOM HTML de JavaScript
Compatibilidad con navegador
document.getElementsByTagName()
es una característica DOM Nivel 1 (1998).
Es totalmente compatible con todos los navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |