HTML DOM lengte Eiendom
Voorbeeld
Vind uit hoeveel <p> elemente daar in die dokument is:
var nodelist = document.getElementsByTagName("P").length;
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die lengte-eienskap gee die aantal nodusse in 'n NodeList-objek terug.
'n Node-objek se versameling kindernodusse is 'n voorbeeld van 'n NodeList-objek.
Die lengte-eienskap is nuttig wanneer jy deur die nodusse in 'n noduslys wil lus (Sien "Meer Voorbeelde" hieronder).
Hierdie eiendom is leesalleen.
Wenk: Gebruik die item() -metode om 'n nodus by die gespesifiseerde indeks in 'n NodeList-objek terug te gee.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
Sintaksis
nodelist.length
Tegniese besonderhede
Terugkeerwaarde: | 'n Nommer, wat die aantal nodusse in die nodelys verteenwoordig |
---|---|
DOM weergawe | Kernvlak 1 Nodelist-objek |
Meer voorbeelde
Voorbeeld
Vind uit hoeveel <p> elemente daar binne 'n <div> element is:
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>
Voorbeeld
Loop deur alle <p>-elemente binne 'n <div>-element, en verander die agtergrondkleur van elke <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";
}
Voorbeeld
Wys die aantal kind nodusse van die <body> element:
var nodelist = document.body.childNodes.length;
Voorbeeld
Loop deur die kind nodusse van <body> en voer die nodus naam van elke kind node uit:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
Verwante bladsye
HTML DOM Verwysing: nodelist .item() Metode
HTML DOM Verwysing: element .childNodes Eiendom
HTML DOM-verwysing: element .getElementsByClassName() Metode
HTML DOM-verwysing: element .getElementsByTagName() Metode
HTML DOM Verwysing: element .querySelectorAll() Metode
HTML DOM-verwysing: document.getElementsByClassName() Metode
HTML DOM-verwysing: document.getElementsByName() Metode
HTML DOM-verwysing: document.getElementsByTagName() Metode
HTML DOM-verwysing: document.querySelectorAll() Metode