Phần tử DOM HTML con
Đối tượng phần tửThí dụ
Nhận tập hợp các phần tử con của <body>:
const collection = document.body.children;
Thêm ví dụ bên dưới.
Định nghĩa và Cách sử dụng
Thuộc children
tính trả về một tập hợp các phần tử con của một phần tử.
Thuộc children
tính trả về một đối tượng HTMLCollection.
Một sự khác biệt
Thuộc childNodes
tính trả về tất cả các nút con , bao gồm các nút văn bản và nút nhận xét, trong khi thuộc children
tính chỉ trả về các phần tử con .
Xem thêm:
HTMLCollection
Bộ sưu tập HTMLC là một tập hợp các nút HTML.
Các nút trong một bộ sưu tập có thể được truy cập bằng số chỉ mục. Chỉ số bắt đầu từ 0.
Thuộc tính length trả về số phần tử trong tập hợp.
Cú pháp
element.children
Giá trị trả lại
Loại | Sự miêu tả |
Sự vật | Một đối tượng HTMLCollection. Tập hợp các nút phần tử. Các phần tử được sắp xếp khi chúng xuất hiện trong tài liệu. |
Các ví dụ khác
Tìm xem một phần tử <div> có bao nhiêu phần tử con:
var c =
document.getElementById("myDIV").children.length;
Thay đổi màu nền của phần tử con thứ hai của phần tử <div>:
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow";
Nhận văn bản của phần tử con thứ ba (chỉ số 2) của phần tử <select>:
var c = document.getElementById("mySelect").children[2].text;
Vòng qua tất cả các phần tử con của <body> và thay đổi màu nền của chúng thành màu đỏ:
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++) {
c[i].style.backgroundColor = "red";
}
Các trang liên quan
Tham chiếu HTML DOM: Thuộc tính childNodes
Hỗ trợ trình duyệt
element.children
là một tính năng DOM Level 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
Đối tượng phần tử