Beispiel
Finden Sie heraus , wie viele <p> Elemente dort im Dokument:
var nodelist = document.getElementsByTagName("P").length;Das Ergebnis Nodelist wird:
4 Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Länge Eigenschaft gibt die Anzahl von Knoten in einem NodeList Objekt.
Ein Node-Objekts aus der Sammlung von untergeordneten Knoten ist ein Beispiel für ein NodeList Objekt.
Die Länge Eigenschaft ist nützlich , wenn Sie durch die Knoten in einer Knotenliste Schleife wollen (See "More Examples" below) weiter (See "More Examples" below) .
Diese Eigenschaft ist schreibgeschützt.
Tipp: Mit der item() Methode einen Knoten am angegebenen Index in einem NodeList Objekt zurückzugeben.
Browser-Unterstützung
| Eigentum | |||||
|---|---|---|---|---|---|
| length | Ja | Ja | Ja | Ja | Ja |
Syntax
Technische Details Rückgabewert: Eine Zahl, die die Anzahl der Knoten in der Knotenliste DOM Version Core Level 1 Nodelist Objekt
Mehr Beispiele
Beispiel
Finden Sie heraus , wie viele <p> Elemente gibt es in einem <div> Element:
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> Das Ergebnis Nodelist wird:
3 Versuch es selber "
Beispiel
Schleife durch alle <p> Elemente innerhalb eines <div> Element, und ändern Sie jedes der Hintergrundfarbe <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";
} Versuch es selber "
Beispiel
Gibt die Anzahl der untergeordneten Knoten des <body> Element:
var nodelist = document.body.childNodes.length; Das Ergebnis Nodelist wird:
12 Versuch es selber "
Beispiel
Schleife durch die untergeordneten Knoten von <body> und geben den Knotennamen jedes Kind - Knoten:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0;
i < nodelist.length; i++) {
txt = txt +
nodelist[i].nodeName + "<br>";
} Das Ergebnis der txt wird:
#comment
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text Versuch es selber "
Verwandte Seiten
HTML DOM Referenz: href="met_nodelist_item.html"> nodelist . item() Method href="met_nodelist_item.html"> nodelist . item() Method
HTML DOM Referenz: Element .childNodes Property
HTML DOM Referenz: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method
HTML DOM Referenz: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method
HTML DOM Referenz: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method
HTML DOM Referenz: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method
HTML DOM Referenz: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method
HTML DOM Referenz: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method
HTML DOM Referenz: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method