码农教程 - 一技在手,衣食无忧! tools

目录

HTML DOM NodeList length

❮ 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属性返回a中的节点数节点列表。

这个length属性是只读的。

也可以看看：

item() 方法

forEach() 方法

Entry() 方法

key() 方法

value() 方法

节点列表对象

childNodes 属性

querySelectorAll() 方法

getElementsByName() 方法

语法

nodelist.length

返回值

类型 描述
数字 中的节点数节点列表。

更多示例

示例

"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";
}
亲自试一试 »

示例

循环所有子节点nodes并收集每个节点的名称：

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
Yes Yes Yes Yes Yes 9-11
❮ NodeList 对象