最新的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

<元素對象