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() 方法