DOM HTMLCollection Referenzhandbuch

HTMLCollection-Objekt

HTMLCollection-Objekte sind Listen ähnlich wie Arrays von HTML-Elementen.

Methoden wie getElementsByTagName() geben HTMLCollection zurück.

Eigenschaften und Methoden

Folgende Eigenschaften und Methoden können auf dem HTMLCollection-Objekt verwendet werden:

Eigenschaft / Methode Beschreibung
item() Gebe das Element an der angegebenen Indexposition in der HTMLCollection zurück.
length Gebe die Anzahl der Elemente in der HTMLCollection zurück.
namedItem() Gebe das Element zurück, das den angegebenen ID oder Namen hat.

Beispiel

Beispiel

Erhalte die HTMLCollection:

var x = document.getElementsByTagName("P");
// Gebe die Sammlung aller P-Elemente im Dokument zurück

Selbst ausprobieren

Beispiel

Gib die Anzahl der <p>-Elemente im Dokument aus:

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

Selbst ausprobieren

Beispiel

Durchlaufe jeden Element der HTMLCollection:

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

Selbst ausprobieren