Thuộc tính độ dài DOM HTML
Thí dụ
Tìm xem có bao nhiêu phần tử <p> trong tài liệu:
var nodelist = document.getElementsByTagName("P").length;
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính length trả về số lượng nút trong một đối tượng NodeList.
Tập hợp các nút con của đối tượng Node là một ví dụ về đối tượng NodeList.
Thuộc tính length rất hữu ích khi bạn muốn lặp qua các nút trong danh sách nút (Xem "Ví dụ khác" bên dưới).
Thuộc tính này là chỉ đọc.
Mẹo: Sử dụng phương thức item () để trả về một nút tại chỉ mục được chỉ định trong đối tượng NodeList.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
Cú pháp
nodelist.length
Chi tiết kỹ thuật
Giá trị trả lại: | Một Số, đại diện cho số lượng nút trong danh sách nút |
---|---|
Phiên bản DOM | Đối tượng Nodelist cấp độ cốt lõi 1 |
Các ví dụ khác
Thí dụ
Tìm xem có bao nhiêu phần tử <p> bên trong một phần tử <div>:
var div = document.getElementById("myDIV"); // Get the <div> element with id="myDIV"
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div>
Thí dụ
Lặp qua tất cả các phần tử <p> bên trong một phần tử <div> và thay đổi màu nền của mỗi phần tử <p>:
var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P");
var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}
Thí dụ
Trả về số lượng nút con của phần tử <body>:
var nodelist = document.body.childNodes.length;
Thí dụ
Lặp qua các nút con của <body> và xuất ra tên nút của mỗi nút con:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
Các trang liên quan
Tham chiếu DOM HTML: Phương thức gật gù .item ()
Tham chiếu DOM HTML: thuộc tính phần tử .childNodes
Tham chiếu DOM HTML: phương thức element .getElementsByClassName ()
Tham chiếu DOM HTML: phương thức element .getElementsByTagName ()
Tham chiếu DOM HTML: phương thức element .querySelectorAll ()
Tham chiếu DOM HTML: Phương thức document.getElementsByClassName ()
Tham chiếu DOM HTML: Phương thức document.getElementsByName ()
Tham chiếu DOM HTML: Phương thức document.getElementsByTagName ()
Tham chiếu DOM HTML: Phương thức document.querySelectorAll ()