Metodo HTML DOM NodeList item()

Definizione e uso

item() Il metodo restituisce il nodo specifico dell'indice nella NodeList.

Ci sono due metodi per accedere al nodo specifico dell'indice:

list.item(Parametro.item(

o

list[Parametronodelist[

Il metodo più semplice e più utilizzato è [Parametro]。

Esempio

Esempio 1

Ottieni i figli dell'elemento <body>:

const nodeList = document.body.childNodes;

}

Esempio 2

Ottieni il nome del primo figlio:

const list = document.body.childNodes;
let name = list.item(0).nodeName;

}

Esempio 3

Il risultato di questo esempio è lo stesso:

const list = document.body.childNodes;
let name = list[0].nodeName;

}

Esempio 4

Ottieni il contenuto HTML del primo elemento <p> del documento:

const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;

}

例子 5

Esempio 5

Cambia il contenuto HTML del primo <p> all'interno di "myDIV":
const div = document.getElementById("myDIV");
Ottieni il contenuto HTML del primo <p> all'interno di "myDIV":

}

let text = list[0].innerHTML;

Esempio 6

Cambia il contenuto HTML del primo <p> all'interno di "myDIV":
const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");

}

let text = list[0].innerHTML = "Paragraph changed";

Esempio 7

Cambia il colore di tutti gli elementi con class="child":
const list = document.querySelectorAll(".child");
  for (let i = 0; i < list.length; i++) {
list[i].style.color = "red";

}

Prova tu stesso

SintassinodelistParametro.item(

)

o abbreviato in:Parametronodelist[

]

] Tipo
Parametro

index

Obbligatorio. Indice del nodo nella lista (indice).

Nodi ordinati secondo l'ordine di apparizione nel documento.

L'indice parte da 0.

Valore di ritorno Tipo
Descrizione Nodo specificato all'indice. Oggetto
null Se l'indice è fuori dalla gamma.

Supporto dei browser

nodelist.item() è una caratteristica del DOM Level 1 (1998).

Tutti i browser moderni lo supportano:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto 9-11 Supporto Supporto Supporto Supporto

Pagine correlate

Proprietà length

Metodo entries()

Metodo forEach()

Metodo keys()

Metodo values()

Oggetto NodeList

Metodo childNodes()

Metodo querySelectorAll()

Metodo getElementsByName()