HTML DOM NodeList 長度
❮ NodeList 物件示例
獲取文件中子節點的數量
const nodeList = document.body.childNodes;
let number = nodeList.length;
自己動手試一試 »
獲取 <body> 元素的子節點
const nodeList = document.body.childNodes;
自己動手試一試 »
獲取 "myDIV" 中子節點的數量
const element = document.getElementById("myDIV");
let numb = element.childNodes.length;
自己動手試一試 »
更多示例見下文。
描述
length 屬性返回 NodeList 中節點的數量。
length 屬性是隻讀的。
另請參閱
語法
nodelist.length
返回值
| 型別 | 描述 |
|---|---|
| Number | NodeList 中節點的數量。 |
更多示例
示例
獲取 "myDIV" 內的
元素數量
const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;
自己動手試一試 »
示例
遍歷 "myDIV" 內所有的
元素並改變它們的字型大小
const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
for (let i = 0; i < list.length; i++) {
list[i].style.fontSize = "red";
}
自己動手試一試 »
示例
遍歷所有子節點並收集每個節點的名稱
const list = document.body.childNodes;
let text = "";
for (let i = 0; i < list.length; i++) {
text += list[i].nodeName + "<br>";
}
自己動手試一試 »
瀏覽器支援
nodelist.length 是 DOM Level 1 (1998) 功能。
所有瀏覽器都完全支援。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
❮ NodeList 物件
