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 对象
