HTML DOM NodeList length 属性

定义和用法

length 属性返回 NodeList 中的节点数。

length 属性是只读的。

实例

例子 1

获取文档中子节点的数量：

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

Thử ngay

例子 2

获取 <body> 元素的子节点：

const nodeList = document.body.childNodes;

Thử ngay

Ví dụ 3

Lấy số lượng nút con trong "myDIV":

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

Thử ngay

Ví dụ 4

Số phần tử <p> trong "myDIV":

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

Thử ngay

Ví dụ 5

Duyệt qua tất cả các phần tử <p> trong "myDIV" và thay đổi kích thước chữ của chúng:

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

Thử ngay

Ví dụ 6

Duyệt qua tất cả các nút con và thu thập tên của mỗi nút:

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

Thử ngay

Cú pháp

nodelist.length

Giá trị trả về

Loại Mô tả
Số Số lượng nút trong NodeList.

Hỗ trợ trình duyệt

nodelist.length là tính năng của DOM Level 1 (1998).

Tất cả các trình duyệt hiện đại đều hỗ trợ nó:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 9-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Trang liên quan

Phương thức entries()

Phương thức forEach()

Phương thức item()

Phương thức keys()

Phương thức values()

Đối tượng NodeList

Phương thức childNodes()

Phương thức querySelectorAll()

Phương thức getElementsByName()