HTML -DOM- Längeneigenschaft
Beispiel
Finden Sie heraus, wie viele <p>-Elemente das Dokument enthält:
var nodelist = document.getElementsByTagName("P").length;
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die length-Eigenschaft gibt die Anzahl der Knoten in einem NodeList-Objekt zurück.
Die Sammlung untergeordneter Knoten eines Node-Objekts ist ein Beispiel für ein NodeList-Objekt.
Die length-Eigenschaft ist nützlich, wenn Sie die Knoten in einer Knotenliste durchlaufen möchten (siehe "Weitere Beispiele" unten).
Diese Eigenschaft ist schreibgeschützt.
Tipp: Verwenden Sie die item()- Methode, um einen Knoten am angegebenen Index in einem NodeList-Objekt zurückzugeben.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
Syntax
nodelist.length
Technische Details
Rückgabewert: | Eine Zahl, die die Anzahl der Knoten in der Knotenliste darstellt |
---|---|
DOM-Version | Nodelist-Objekt der Kernebene 1 |
Mehr Beispiele
Beispiel
Finden Sie heraus, wie viele <p>-Elemente sich in einem <div>-Element befinden:
var div = document.getElementById("myDIV"); // Get the <div> element with id="myDIV"
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div>
Beispiel
Durchlaufen Sie alle <p>-Elemente innerhalb eines <div>-Elements und ändern Sie die Hintergrundfarbe jedes <p>:
var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P");
var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}
Beispiel
Gibt die Anzahl der untergeordneten Knoten des <body>-Elements zurück:
var nodelist = document.body.childNodes.length;
Beispiel
Durchlaufen Sie die untergeordneten Knoten von <body> und geben Sie den Knotennamen jedes untergeordneten Knotens aus:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
Verwandte Seiten
HTML-DOM-Referenz: nodelist .item()-Methode
HTML-DOM-Referenz: element .childNodes-Eigenschaft
HTML-DOM-Referenz: element .getElementsByClassName()-Methode
HTML-DOM-Referenz: element .getElementsByTagName()-Methode
HTML-DOM-Referenz: element .querySelectorAll()-Methode
HTML-DOM-Referenz: document.getElementsByClassName()-Methode
HTML-DOM-Referenz: document.getElementsByName()-Methode
HTML-DOM-Referenz: document.getElementsByTagName()-Methode
HTML-DOM-Referenz: document.querySelectorAll()-Methode