HTML DOM NodeList length 屬性

定義和用法

length 屬性返回 NodeList 中的節點數。

length 屬性是只讀的。

實例

例子 1

獲取文檔中子節點的數量：

const nodeList = document.body.childNodes;
let number = nodeList.length;

親自試一試

例子 2

獲取 <body> 元素的子節點：

const nodeList = document.body.childNodes;

親自試一試

例子 3

獲取 "myDIV" 中的子節點數：

const element = document.getElementById("myDIV");
let numb = element.childNodes.length;

親自試一試

例子 4

"myDIV" 中有多少 <p> 元素：

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;

親自試一試

例子 5

遍歷 "myDIV" 中的所有 <p> 元素并更改它們的字體大小：

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
for (let i = 0; i < list.length; i++) {
  list[i].style.fontSize = "red";
}

親自試一試

例子 6

遍歷所有子節點節點并收集每個節點的名稱：

const list = document.body.childNodes;
let text = "";
for (let i = 0; i < list.length; i++) {
  text += list[i].nodeName + "<br>";
}

親自試一試

語法

nodelist.length

返回值

類型 描述
數字 NodeList 中的節點數。

瀏覽器支持

nodelist.length 是 DOM Level 1 (1998) 特性。

所有現代瀏覽器都支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持

相關頁面

entries() 方法

forEach() 方法

item() 方法

keys() 方法

values() 方法

NodeList 對象

childNodes() 方法

querySelectorAll() 方法

getElementsByName() 方法