Mã con của Phần tử DOM HTML
Đối tượng phần tửThí dụ
Nhận các nút con của phần tử <body>:
const nodeList = document.body.childNodes;
Thêm ví dụ bên dưới.
Định nghĩa và Cách sử dụng
Thuộc childNodes
tính trả về một tập hợp (danh sách) các nút con của một phần tử.
Thuộc childNodes
tính trả về một đối tượng NodeList.
Thuộc childNodes
tính ở chế độ chỉ đọc.
Ghi chú
Khoảng trắng bên trong các phần tử được coi là các nút văn bản.
Các chú thích cũng được coi là các nút.
childNodes[0]
giống như firstChild
.
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:
NodeList
NodeList là một tập hợp (danh sách) các Đối tượng Node dạng mảng.
NodeList có thuộc tính length trả về số lượng nút trong danh sách.
Các nút có thể được truy cập bằng số chỉ mục. Chỉ số bắt đầu từ 0.
Cú pháp
element.childNodes
Giá trị trả lại
Loại | Sự miêu tả |
Sự vật | Một tập hợp đối tượng NodeList của các nút. Các 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
Số lượng nút con trong phần tử <div>:
let numb = document.getElementById("myDIV").childNodes.length;
Thay đổi màu nền của nút con thứ hai:
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
Nhận văn bản của nút con thứ ba của phần tử <select>:
let text = document.getElementById("mySelect").childNodes[2].text;
Hỗ trợ trình duyệt
element.childNodes
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ử