Độ dài danh sách nút HTML DOM
❮ Đối tượng NodeListVí dụ
Lấy số lượng nút con trong tài liệu:
const nodeList = document.body.childNodes;
let number = nodeList.length;
Hãy tự mình thử »Lấy các nút con của phần tử <body>:
const nodeList = document.body.childNodes;
Hãy tự mình thử »Lấy số nút con trong "myDIV":
const element = document.getElementById("myDIV");
let numb = element.childNodes.length;
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Thuộc tính length
trả về số lượng nút trong NodeList .
Thuộc tính length
là chỉ đọc.
Xem thêm:
Cú pháp
nodelist .length
Giá trị trả về
Kiểu | Sự miêu tả |
---|---|
Con số | Số lượng nút trong NodeList . |
Thêm ví dụ
Ví dụ
Có bao nhiêu phần tử <p> bên trong "myDIV":
const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;
Hãy tự mình thử »Ví dụ
Lặp lại tất cả các phần tử <p> trong "myDIV" và thay đổi kích thước phông 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";
}
Hãy tự mình thử »Ví dụ
Lặp lại tất cả các nút nút con và thu thập tên của từng nút:
const list = document.body.childNodes;
let text = "";
for (let i = 0; i < list.length; i++) {
text += list[i].nodeName + "<br>";
}
Hãy tự mình thử »Hỗ trợ trình duyệt
nodelist.length
là tính năng DOM Cấp 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |
❮ Đối tượng NodeList