Eine Knotenliste ist eine Sammlung von Knoten
HTML-DOM Node List
Die getElementsByTagName() Methode gibt eineKnotenliste.Eine Knotenliste ist ein Array-ähnliche Ansammlung von Knoten.
Der folgende Code wählt alle <p> Knoten in einem Dokument:
Beispiel
var
x = document.getElementsByTagName("p");
Die Knoten können durch eine Indexzahl zugegriffen werden. Für den Zugriff auf die zweite <p> Knoten, den Sie schreiben:
y = x[1];
Versuch es selber " Hinweis: Der Index beginnt bei 0.
HTML-DOM Node List Länge
Die Länge Eigenschaft definiert die Anzahl der Knoten in einer Knotenliste:
Beispiel
var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;
Versuch es selber " Erklärt Beispiel:
- Holen Sie sich alle <p> Elemente in einer Knotenliste
- Zeigen Sie die Länge der Knotenliste
Die Länge Eigenschaft ist nützlich, wenn Sie durch die Knoten in einer Knotenliste Schleife wollen:
Beispiel
Ändern Sie die Hintergrundfarbe aller <p> Elemente in einer Knotenliste:
var myNodelist = document.getElementsByTagName("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}
Versuch es selber " Eine Knotenliste ist kein Feld!
Eine Knotenliste wie ein Array aussehen, aber es ist nicht. Sie können Schleife durch die Knotenliste und seiner Knoten wie ein Array verweisen. Sie können jedoch nicht Array - Methoden verwenden, wie valueOf() oder join() auf der Knotenliste.