Exemplo
Obter todos os elementos no documento com o nome da marca especificada:
var x =
document.getElementsByTagName("LI");
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
O getElementsByTagName() método devolve um conjunto de todos os elementos no documento com o nome de marca especificada, como um objecto NodeList.
O objecto NodeList representa um conjunto de nodos. Os nódulos podem ser acedidos por números de índice. O índice começa em 0.
Dica: O ParameterValue "*" retorna todos os elementos no documento.
Dica: Você pode usar o comprimento propriedade do objeto NodeList para determinar o número de elementos com o nome da marca especificada, então você pode percorrer todos os elementos e extrair a informação que deseja.
Suporte navegador
Os números na tabela especifica a primeira versão do navegador que suporta totalmente o método.
| Método | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6 | 3,0 | 3,0 | 9,5 |
Sintaxe
document.getElementsByTagName( tagname )Os valores dos parâmetros
| Parâmetro | Tipo | Descrição |
|---|---|---|
| tagname | String | Requeridos. O tagname dos elementos que você deseja obter |
Detalhes técnicos
| DOM Versão: | Núcleo Nível Objeto 1 Documento |
|---|---|
| Valor de retorno: | Um objecto NodeList, representando um conjunto de elementos com o nome de marca especificada. Os elementos na coleção retornada são classificadas como eles aparecem no código-fonte. |
mais Exemplos
Exemplo
Descobrir quantos <li> elementos existem no documento (usando a propriedade comprimento do objeto NodeList):
var x =
document.getElementsByTagName("LI").length; Tente você mesmo " Exemplo
Alterar o conteúdo HTML da primeira <p> elemento (index 0) no documento:
document.getElementsByTagName("P")[0].innerHTML = "Hello World!"; Tente você mesmo " Exemplo
Alterar a cor de todos fundo <p> elementos no documento:
var x = document.getElementsByTagName("P");
var i;
for (i = 0; i <
x.length; i++) {
x[i].style.backgroundColor = "red";
} Tente você mesmo " Exemplo
Usando o "*" parâmetro.
Pega todos os elementos no documento:
var x =
document.getElementsByTagName("*"); Tente você mesmo " Páginas relacionadas
JavaScript Referência: elemento. getElementsByTagName()
JavaScript Tutorial: Lista JavaScript HTML DOM Node