Documento HTML DOM getElementsByTagName()
Exemplo
Obtenha todos os elementos com o nome da tag "li":
const collection = document.getElementsByTagName("li");
Obtenha todos os elementos no documento:
const collection = document.getElementsByTagName("*");
Altere o HTML interno do primeiro elemento <p> no documento:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
Mais exemplos abaixo.
Definição e uso
O getElementsByTagName()
método retorna uma coleção de todos os elementos com um nome de tag especificado.
O getElementsByTagName()
método retorna um HTMLCollection .
A getElementsByTagName()
propriedade é somente leitura.
Observação
getElementsByTagName("*")
retorna todos os elementos do documento.
HTMLCollection
Uma HTMLCollection é uma coleção de nós HTML.
Os nós em uma coleção podem ser acessados por números de índice. O índice começa em 0.
A propriedade length retorna o número de elementos na coleção.
Veja também:
O método document getElementById()
O método document getElementsByClassName()
O método do documento querySelector()
Sintaxe
document.getElementsByTagName(tagname)
Parâmetros
Parameter | Description |
tagname | Required. The tagname of the elements. |
Valor de retorno
Modelo | Descrição |
Objeto | Um objeto HTMLCollection . Uma coleção de elementos com um nome de marca especificado. Os elementos são classificados conforme aparecem no documento. |
Mais exemplos
O número de elementos <li> no documento:
let numb = document.getElementsByTagName("li").length;
Altere a cor de fundo de todos os elementos <p>:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
Páginas relacionadas
Referência JavaScript: elemento .getElementsByTagName()
Tutorial JavaScript: Lista de nós HTML DOM JavaScript
Suporte ao navegador
document.getElementsByTagName()
é um recurso DOM Nível 1 (1998).
É totalmente suportado em todos os navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |