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;
尝试一下 »
更多示例见下文。
描述
The length 属性返回 NodeList 中的节点数量。
The length 属性是只读的。
另请参阅
语法
nodelist.length
返回值
| 类型 | 描述 |
|---|---|
| 数字 | NodeList 中的节点数量。 |
更多示例
示例
"myDIV" 中有多少个 <p> 元素
const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;
尝试一下 »
示例
遍历 "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";
}
尝试一下 »
示例
遍历所有子节点并收集每个节点的名称
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 对象
