đặc tính childNodes của phần tử HTML DOM Element

định nghĩa và cách sử dụng

childNodes đặc tính trả về bộ sưu tập các phần tử con (danh sách).

childNodes đặc tính trả về là đối tượng NodeList.

childNodes đặc tính là chỉ đọc.

childNodes[0] giống với firstChild.

thông báo

childNodes trả về phần tử: phần tử元素, phần tử văn bản và phần tử chú thích.

khoảng trống giữa các phần tử cũng là phần tử văn bản.

giải pháp thay thế:

đặc tính children - children đặc tính trả về phần tử con (bỏ qua văn bản và chú thích).

xem thêm:

đặc tính firstChild

đặc tính lastChild

đặc tính nextSibling

đặc tính previousSibling

phương thức hasChildNodes()

đặc tính của phần tử

parentNode 属性

nodeName 属性

Thuộc tính nodeType

Thuộc tính nodeValue

Nút HTML và phần tử

Trong HTML DOMTrong (Document Object Model), tài liệu HTML là tập hợp các nút (hoặc không) có nút con.

NútChỉ là các nút phần tử, nút văn bản và nút chú thích.

Phần tửCách trắng giữa các phần tử cũng là nút văn bản.

Trong khi phần tử chỉ là nút phần tử.

Nút con và phần tử con

childNodes Trả vềNút con（các nút phần tử, nút văn bản và nút chú thích）.

children Trả vềPhần tử con（không phải các nút văn bản và chú thích）.

Đồng đẳng với phần tử đồng đẳng

Đồng đẳngLà "anh em" và "em".

Đồng đẳngLà các nút có cùng nút cha (trong cùng childNodes dưới danh sách).

Phần tử đồng đẳngLà các phần tử có cùng phần tử cha (trong cùng children dưới danh sách).

Cụm ví dụ

Ví dụ 1

Lấy các nút con của phần tử <body>:

const nodeList = document.body.childNodes;

Thử ngay

Ví dụ 2

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

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

Thử ngay

Ví dụ 3

Thay đổi màu nền của nút con thứ hai:

element.childNodes[1].style.backgroundColor = "yellow";

Thử ngay

Ví dụ 4

Lấy 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;

Thử ngay

Cú pháp

element.childNodes

Giá trị trả về

Loại Mô tả
Đối tượng

Mang lại tập hợp các đối tượng NodeList của các nút.

Các nút được sắp xếp theo thứ tự xuất hiện trong tài liệu.

Hỗ trợ trình duyệt

element.childNodes Là tính năng DOM Level 1 (1998).

Tất cả các trình duyệt đều hỗ trợ hoàn toà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ợ