HTML DOM getElementsByTagName() Method

<Elemento de objeto

Exemplo

Alterar o conteúdo HTML da primeira <li> elemento (index 0) em uma lista:

var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";

Antes de alterar o texto:

Coffee
Tea

Depois de mudar o texto:

Milk
Tea

Tente você mesmo "

Definição e Uso

O getElementsByTagName() método devolve um conjunto de elementos de uma criança elementos 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: Você pode usar o comprimento propriedade do objeto NodeList para determinar o número de nós filho com o nome da marca especificada, então você pode percorrer todos os nós e extrair a informação que deseja.

Dica: O ParameterValue "*" retorna todos os elementos filho do elemento.

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

element .getElementsByTagName( tagname )

Os valores dos parâmetros

Parâmetro	Tipo	Descrição
tagname	String	Requeridos. O tagname dos elementos filhos você deseja obter

Detalhes técnicos

DOM Versão	Núcleo Nível 1 elemento de objeto
Valor de retorno:	Um objeto NodeList, o que representa uma coleção de elementos filho do elemento com o tagname especificado. Os elementos na coleção retornada são classificadas como eles aparecem no código-fonte.

mais Exemplos

Exemplo

Descobrir quantos <p> elementos existem dentro de um <div> elemento (usando a propriedade comprimento do objeto NodeList):

var x = document.getElementById("myDIV").getElementsByTagName("P").length;

O resultado x será:

Tente você mesmo "

Exemplo

Alterar a cor do segundo fundo <p> elemento (index 1) dentro de um <div> elemento:

var x = document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";

Tente você mesmo "

Exemplo

Alterar a cor de todos fundo <p> elementos dentro de um <div> elemento:

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}

Tente você mesmo "

Exemplo

Mude a cor do quarto elemento de fundo (index 3) dentro de um <div> elemento:

var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";

Tente você mesmo "

Exemplo

Usando o "*" parâmetro.

Alterar a cor de todos os elementos dentro de um fundo <div> elemento:

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}

Tente você mesmo "