HTML DOM getElementsByTagName() Method

<Oggetto Element

Esempio

Modificare il contenuto HTML della prima <li> elemento (index 0) in un elenco:

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

Prima di modificare il testo:

Coffee
Tea

Dopo aver cambiato il testo:

Milk
Tea

Prova tu stesso "

Definizione e l'utilizzo

Il getElementsByTagName() metodo restituisce un insieme di elementi figlio di un elementi con il nome tag specificato, come un oggetto NodeList.

L'oggetto NodeList rappresenta un insieme di nodi. I nodi possono essere accessibili da numeri di indice. L'indice parte da 0.

Suggerimento: È possibile utilizzare la lunghezza di proprietà dell'oggetto NodeList per determinare il numero di nodi figlio con il nome del tag specificato, allora si può collegare attraverso tutti i nodi ed estrarre le informazioni che desidera.

Suggerimento: Il ParameterValue "*" restituisce tutti elementi figlio dell'elemento.

Supporto browser

I numeri nella tabella specifica la prima versione del browser che supporta pienamente il metodo.

Metodo
getElementsByTagName()	1.0	6.0	3.0	3.0	9.5

Sintassi

element .getElementsByTagName( tagname )

valori dei parametri

Parametro	Tipo	Descrizione
tagname	String	Necessario. La TagName degli elementi secondari che si desidera ottenere

Dettagli tecnici

DOM Version	Nucleo Livello 1 elemento OBJECT
Valore di ritorno:	Un oggetto NodeList, rappresenta un insieme di elementi figlio del elemento con il tagname specificato. Gli elementi della collezione restituita sono ordinati come appaiono nel codice sorgente.

Altri esempi

Esempio

Scopri quanti <p> elementi ci sono all'interno di un <div> elemento (usando la proprietà length dell'oggetto NodeList):

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

Il risultato di x sarà:

Prova tu stesso "

Esempio

Cambiare il colore del secondo fondo <p> elemento (index 1) all'interno di un <div> elemento:

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

Prova tu stesso "

Esempio

Cambiare il colore di sfondo di tutte le <p> elementi all'interno di un <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";
}

Prova tu stesso "

Esempio

Cambiare il colore del quarto elemento di sfondo (index 3) all'interno di un <div> elemento:

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

Prova tu stesso "

Esempio

Utilizzando il "*" parametro.

Cambiare il colore di tutti gli elementi all'interno di uno sfondo <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";
}

Prova tu stesso "