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

phần tử.childNodes;

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:

<div id="parent">văn bản<p>đoạn văn</p></div>

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

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

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

<div id="parent">văn bản<p>đoạn văn</p></div>

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

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

'văn bản'

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

<div id="parent">văn bản<p>đoạn văn</p></div>

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

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

'nhận xét'