Thuộc tính childNodes

Thuộc tính childNodes lưu trữ mảng giả các nút con của một phần tử (các thẻ, nhận xét và các nút văn bản).

Cú pháp

javascriptphần tử.childNodes;

Ví dụ

Lấy tất cả các nút con của phần tử và in nội dung của chúng ra màn hình:

html<div id="parent">văn bản<p>đoạn văn</p><!--nhận xét--></div>

javascriptlet parent = document.querySelector('#parent');
let nodes = parent.childNodes;

for (let node of nodes) {
  console.log(node.textContent);
}

Ví dụ

In nội dung của nút đầu tiên:

html<div id="parent">văn bản<p>đoạn văn</p><!--nhận xét--></div>

javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);

Kết quả thực thi mã:

javascript'văn bản'

Ví dụ

In nội dung của nút số 2:

html<div id="parent">văn bản<p>đoạn văn</p><!--nhận xét--></div>

javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);

Kết quả thực thi mã:

javascript'nhận xét'

Xem thêm