Oggetto HTMLCollection JS DOM

Oggetto HTMLCollection

L'oggetto HTMLCollection rappresenta un insieme generale di elementi (simile a un oggetto array, simile a un argomento) in ordine di documento e fornisce metodi e proprietà per la selezione dalla lista.

L'HTMLCollection in HTML DOM è in tempo reale; si aggiorna automaticamente quando il documento di base viene modificato.

Metodi come getElementsByTagName() restituiscono un HTMLCollection.

Proprietà e metodi HTMLCollection

La tabella seguente elenca le proprietà e i metodi dell'oggetto HTMLCollection:

Esempio

Questo esempio restituisce un HTMLCollection:

// Restituisce l'insieme dei documenti elementi di tutti i <p>
var x = document.getElementsByTagName("p");

Cambia il contenuto HTML del primo elemento <p> di questo documento:

var x = document.getElementsByTagName("p");
x.item(0).innerHTML = "HELLO WORLD";

Trova quante <p> ci sono nel documento:

var len = document.getElementsByTagName("p").length;

Ottieni il contenuto dell'elemento <p> con ID "demo":

var x = document.getElementsByTagName("p").namedItem("demo");
document.getElementById("output").innerHTML = x.innerHTML;

Puoi anche usare il metodo abbreviato, che produrrà lo stesso risultato:

var x = document.getElementsByTagName("p")["demo"];
document.getElementById("output").innerHTML = x.innerHTML;