Metodo item() della HTMLCollection

definizione e uso

item() Il metodo restituisce l'elemento nella posizione specificata dell'HTMLCollection.

Gli elementi sono ordinati secondo la loro posizione nell'HTML sorgente, l'indice parte da 0.

Puoi anche usare il metodo abbreviato e otterrai lo stesso risultato:

var x = document.getElementsByTagName("P")[0];

esempio

esempio 1

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

function myFunction() {
  var x = document.getElementsByTagName("P").item(0);
  alert(x.innerHTML);
}

prova tu stesso

sintassi

HTMLCollection.item(index)

oppure:

HTMLCollection[index]

valore del parametro

parametro tipo descrizione
index Numero

obbligatorio. Indice dell'elemento da restituire.

nota:l'indice parte da 0.

valore di ritorno

oggetto Elementindicando l'elemento nella posizione specificata.

Se il numero di indice è fuori gamma, restituisce null.

supporto browser

metodo Chrome IE Firefox Safari Opera
item() supporto supporto supporto supporto supporto

più esempi

esempio 2

Cambia il contenuto HTML del primo elemento <p>:

document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";

prova tu stesso

esempio 3

percorri tutti gli elementi con class="myclass" e cambia il loro colore di sfondo:

var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
  x.item(i).style.backgroundColor = "red";
}

prova tu stesso

esempio 4

Ottieni il contenuto HTML del primo elemento <p> all'interno dell'elemento <div>:

var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;

prova tu stesso

pagine correlate

HTMLCollection：proprietà length

Elemento HTML:metodo getElementsByClassName()

Elemento HTML:Metodo getElementsByTagName()