DOM HTMLCollection
HTMLCollection ist eine Sammlung von HTML-Elementen.
Das HTMLCollection-Objekt ähnelt einer Array-Liste, die HTML-Elemente enthält.
getElementsByTagName()Die Methode gibt ein HTMLCollection-Objekt zurück.
Eigenschaften und Methoden
Die folgende Tabelle listet die Eigenschaften und Methoden des HTMLCollection-Objekts auf:
| Eigenschaft / Methode | Beschreibung |
|---|---|
| item() | Gibt das Element am angegebenen Index in der HTMLCollection zurück. |
| length | Gibt die Anzahl der Elemente in der HTMLCollection zurück. |
| namedItem() | Gibt das Element in der HTMLCollection mit dem angegebenen ID- oder name-Attribut zurück. |
Beispiel
Gibt eine Sammlung aller p-Elemente zurück, die ein HTMLCollection-Objekt ist:
Zählen Sie die Anzahl der p-Elemente im Dokument:
Beispiel
var x = document.getElementsByTagName("P");
document.write(x.length);
Selbst ausprobieren »
Alle Elemente im HTMLCollection-Objekt durchlaufen und ausgeben:
Beispiel
var x, i, l;
x = document.getElementsByTagName("*");
l = x.length;
for (i = 0; i < l; i++) {
document.write(x[i].tagName + "<br>");
}
Selbst ausprobieren »