更多"Try it Yourself"下面的例子。
定义和用法
长度属性返回节点的一个节点列表对象的数量。
子节点的节点对象的集合是一个NodeList对象的一个例子。
当你想通过在节点列表中的节点环路长度属性非常有用(See "More Examples" below) 。
此属性为只读。
提示:使用item()方法指定索引处的节点列表对象返回的节点。
浏览器支持
属性 | |||||
---|---|---|---|---|---|
length | 是 | 是 | 是 | 是 | 是 |
句法
技术细节 返回值: 一个数字,表示节点的节点列表数 DOM版本 核心1级NodeList对象
更多示例
例
了解有多少<p>元素有一个内部<div>元素:
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> 节点列表的结果将是:
3 试一试»
例
通过所有环<p>一内部元件<div>元素,并且改变每个的背景颜色<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>";
} TXT的结果将是:
#comment
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text 试一试»
相关页面
HTML DOM参考: href="met_nodelist_item.html"> nodelist . item() Method href="met_nodelist_item.html"> nodelist . item() Method
HTML DOM参考: 元素 .childNodes物业
HTML DOM参考: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method
HTML DOM参考: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method
HTML DOM参考: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method
HTML DOM参考: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method
HTML DOM参考: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method
HTML DOM参考: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method
HTML DOM参考: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method