HTML-DOM-Dokument getElementsByTagName()
Beispiel
Holen Sie sich alle Elemente mit dem Tag-Namen "li":
const collection = document.getElementsByTagName("li");
Holen Sie sich alle Elemente im Dokument:
const collection = document.getElementsByTagName("*");
Ändern Sie den inneren HTML-Code des ersten <p>-Elements im Dokument:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
Weitere Beispiele unten.
Definition und Verwendung
Die getElementsByTagName()Methode gibt eine Auflistung aller Elemente mit einem angegebenen Tag-Namen zurück.
Die getElementsByTagName()Methode gibt eine HTMLCollection zurück .
Die getElementsByTagName()Eigenschaft ist schreibgeschützt.
Notiz
getElementsByTagName("*") gibt alle Elemente im Dokument zurück.
HTMLCollection
Eine HTMLCollection ist eine Sammlung von HTML-Knoten.
Auf Knoten in einer Sammlung kann über Indexnummern zugegriffen werden. Der Index beginnt bei 0.
Die Eigenschaft length gibt die Anzahl der Elemente in der Sammlung zurück.
Siehe auch:
Die Document getElementById()-Methode
Die Document getElementsByClassName()-Methode
Die Document querySelector()-Methode
Syntax
document.getElementsByTagName(tagname)
Parameter
| Parameter | Description |
| tagname | Required. The tagname of the elements. |
Rückgabewert
| Typ | Beschreibung |
| Objekt | Ein HTMLCollection- Objekt. Eine Sammlung von Elementen mit einem bestimmten Tag-Namen. Die Elemente werden so sortiert, wie sie im Dokument erscheinen. |
Mehr Beispiele
Die Anzahl der <li>-Elemente im Dokument:
let numb = document.getElementsByTagName("li").length;
Ändern Sie die Hintergrundfarbe aller <p>-Elemente:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
Verwandte Seiten
JavaScript-Referenz: element .getElementsByTagName()
JavaScript-Tutorial: JavaScript-HTML-DOM-Knotenliste
Browser-Unterstützung
document.getElementsByTagName() ist eine Funktion von DOM Level 1 (1998).
Es wird in allen Browsern vollständig unterstützt:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |