最新的Web开发教程
 

HTML DOM length Propery

<元素对象

找出多少<p>元素有文件中:

var nodelist = document.getElementsByTagName("P").length;

节点列表的结果将是:

4
试一试»

更多"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.length;

节点列表的结果将是:

12
试一试»

通过的子节点循环<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


<元素对象