HTML DOM item() Method

<Oggetto Element

Esempio

Prendi il contenuto HTML della prima <p> elemento (index 0) all'interno del documento:

var nodelist = document.getElementsByTagName("P").item(0).innerHTML;

Il risultato di nodelist sarà:

The first p element in the document.

Prova tu stesso "

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

L' item() restituisce un nodo in corrispondenza dell'indice specificato in un oggetto NodeList.

I nodi sono ordinati come appaiono nel codice sorgente, e l'indice inizia a 0.

la raccolta di un oggetto nodo dei nodi figlio è un esempio di un oggetto NodeList.

Nota: Ci sono due modi per accedere un nodo in corrispondenza dell'indice specificato in un elenco dei nodi:

Questa sintassi:

document.body.childNodes.item(0); // The first child node of <body> Try it

Produrrà lo stesso risultato di questa sintassi:

document.body.childNodes[0]; // The first child node of <body> Try it

È possibile utilizzare qualsiasi metodo che ti piace, tuttavia, il metodo più comune è [index].

Suggerimento: Utilizzare la lunghezza di proprietà per restituire il numero di nodi in un oggetto NodeList.

Supporto browser

Metodo
item()	sì	sì	sì	sì	sì

Sintassi

valori dei parametri

Parametro	Tipo	Descrizione
index	Number	Necessario. L'indice del nodo che si desidera tornare, nell'elenco dei nodi. Nota: L'indice inizia a 0

Dettagli tecnici

Valore di ritorno:	Un oggetto Node, che rappresenta il nodo in corrispondenza dell'indice specificato. Nota: Restituisce null se il numero di indice è fuori portata
DOM Version	Nucleo Livello 1 Nodelist Oggetto

Altri esempi

Esempio

Prendi il contenuto HTML della prima <p> elemento (index 0) all'interno di un <div> elemento:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P")[0].innerHTML;

Il risultato di nodelist sarà:

First p element in div.

Prova tu stesso "

Esempio

Modificare il contenuto HTML della prima <p> elemento (index 0) all'interno di un <div> elemento:

var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML = "Paragraph changed";

Prova tu stesso "

Esempio

Loop attraverso tutti gli elementi con class = "bambino" in un <div> elemento, e cambiare il loro colore di sfondo:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByClassName("child");

var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}

Prova tu stesso "