Thuộc tính childNodes trong JavaScript

• Bùi Tấn Lực
• 846
• 18/09/2025

Chức năng của Thuộc tính childNodes trong JavaScript

Thuộc tính childNodes trong JavaScript dùng để lấy danh sách các nút phần tử trong các phần tử HTML bao gồm cả khoảng trắng và chú thích, mỗi khoảng trắng dài hay ngắn nằm ngoài thẻ HTML đều là một nút văn bản.

Code Thuộc tính childNodes trong JavaScript

Thuộc tính childNodes lấy tên nút trong JavaScript

Lấy tên các nút phần tử bao gồm khoảng trắng và chú thích:

<h1>Thuộc tính childNodes lấy tên nút trong JavaScript</h1>
<!--Chú thích childNodes-->
<div>Nội dung thẻ DIV</div>
<p>Nội dung thẻ P</p>
<div id="ketqua"></div>
<script>
// Lấy tất cả các nút của các phần tử HTML có trong body
const nodes = document.body.childNodes;
let text = "";
for (let i = 0; i < nodes.length; i++) {
 // Lấy nodeName
  text += nodes[i].nodeName + "<br>";
}
// Nhúng kết quả vào id ketqua
document.getElementById("ketqua").innerHTML = text;
</script>

Kết quả:

#text
H1
#text
#comment
#text
DIV
#text
P
#text
DIV
#text
SCRIPT

Chạy Thử

Thuộc tính childNodes tạo hành động trong JavaScript

<div id="divtong">
<h1>Thuộc tính childNodes lấy tên nút trong JavaScript</h1>
<!--Chú thích childNodes-->
<div>Nội dung thẻ DIV</div>
<p>Nội dung thẻ P</p>
</div>
<script>
document.getElementById("divtong").childNodes[1].style.backgroundColor = "yellow";
document.getElementById("divtong").childNodes[5].style.backgroundColor = "red";
document.getElementById("divtong").childNodes[7].style.backgroundColor = "green";
</script>

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thuộc tính childNodes trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Thuộc tính childNodes trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký tư vấn thiết kế website

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn