DOM HTMLCollection referenshandbok

HTMLCollection-objekt

HTMLCollection-objekt är en lista av HTML-element som liknar en array.

Metoder som getElementsByTagName() returnerar HTMLCollection.

Egenskaper och metoder

Följande egenskaper och metoder kan användas på HTMLCollection-objektet:

Egenskap / Metod Beskrivning
item() Returnerar elementet på specifik index i HTMLCollection.
length Returnerar antalet element i HTMLCollection.
namedItem() Returnerar element med specificerad ID eller namn i HTMLCollection.

Exempel

Exempel

Hämta HTMLCollection:

var x = document.getElementsByTagName("P");
// Returnerar samlingsen av alla P-element i dokumentet

Prova själv

Exempel

Skriv ut antalet <p>-element i dokumentet:

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

Prova själv

Exempel

Genomgång av varje element i HTMLCollection:

x = document.getElementsByTagName("*");
l = x.length;
for (i = 0; i < l; i++) {
  document.write(x[i].tagName + "<br>");
}

Prova själv