Beispiel
Holen Sie sich alle Elemente in dem Dokument mit dem angegebenen Tag-Namen:
var x =
document.getElementsByTagName("LI");
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die getElementsByTagName() Methode liefert eine Auflistung aller Elemente in dem Dokument mit dem angegebenen Tag - Namen als NodeList Objekt.
Das NodeList Objekt stellt eine Sammlung von Knoten. Die Knoten können durch Indexnummern zugegriffen werden. Der Index beginnt bei 0.
Tipp: Die parameter "*" gibt alle Elemente im Dokument.
Tipp: Sie können die Verwendung Länge Eigenschaft des NodeList Objekt die Anzahl der Elemente mit dem angegebenen Tag - Namen , um zu bestimmen, dann können Sie eine Schleife durch alle Elemente und extrahieren Sie die Informationen , die Sie wollen.
Browser-Unterstützung
Die Zahlen in der Tabelle gibt die erste Browser-Version, die das Verfahren vollständig unterstützt.
| Methode | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
Syntax
document.getElementsByTagName( tagname )Parameterwerte
| Parameter | Art | Beschreibung |
|---|---|---|
| tagname | String | Erforderlich. Der Tag-Name der Elemente, die Sie erhalten möchten |
Technische Details
| DOM Version: | Core Level 1 Document Object |
|---|---|
| Rückgabewert: | Ein NodeList Objekt, eine Sammlung von Elementen mit dem angegebenen Tag-Namen darstellt. Die Elemente in der zurückgegebenen Auflistung sortiert werden, wie sie im Quelltext angezeigt. |
Mehr Beispiele
Beispiel
Finden Sie heraus , wie viele <li> Elemente dort im Dokument (die Länge Eigenschaft des NodeList - Objekt):
var x =
document.getElementsByTagName("LI").length; Versuch es selber " Beispiel
Ändern Sie den HTML - Inhalt des ersten <p> Element (index 0) in dem Dokument:
document.getElementsByTagName("P")[0].innerHTML = "Hello World!"; Versuch es selber " Beispiel
Ändern Sie die Hintergrundfarbe aller <p> -Elemente im Dokument:
var x = document.getElementsByTagName("P");
var i;
for (i = 0; i <
x.length; i++) {
x[i].style.backgroundColor = "red";
} Versuch es selber " Beispiel
Mit Hilfe der "*" Parameter.
Holen Sie sich alle Elemente im Dokument:
var x =
document.getElementsByTagName("*"); Versuch es selber " Verwandte Seiten
JavaScript Referenz: Element. getElementsByTagName()
JavaScript Tutorial: JavaScript HTML DOM Node List