HTML DOM length 属性
页面下方有更多实例。
定义和用法
length 属性返回 NodeList 对象中的节点数。
Node 对象的子节点集合是 NodeList 对象的一个示例。
当您想要遍历节点列表中的节点时，长度属性很有用（请参阅下面的"更多示例"）。
该属性是纯粹的。
提示:使用 item() 方法返回 NodeList 对象中指定索引处的节点。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| length | Yes | Yes | Yes | Yes | Yes |
语法
nodelist.length
技术细节
| 返回值: | 一个数字，表示节点列表中的节点个数 |
|---|---|
| DOM 版本 | Core Level 1 Nodelist Object |
更多实例
实例
找出一个 div 元素中有多少个 p 元素:
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>
亲自试一试 »
实例
遍历一个div元素内的所有p元素，并改变每个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";
}
亲自试一试 »
实例
循环遍历 <body> 的子节点，输出每个子节点的节点名:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
亲自试一试 »
相关页面
HTML DOM 参考手册: nodelist.item() 方法
HTML DOM 参考手册: element.childNodes 属性
HTML DOM 参考手册: element.getElementsByClassName() 方法
HTML DOM 参考手册: element.getElementsByTagName() 方法
HTML DOM 参考手册: element.querySelectorAll() 方法
HTML DOM 参考手册: document.getElementsByClassName() 方法
HTML DOM 参考手册: document.getElementsByName() 方法
HTML DOM 参考手册: document.getElementsByTagName() 方法
HTML DOM 参考手册: document.querySelectorAll() 方法
