<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính childNodes lấy tên nút trong JavaScript</title>
</head>
<body>
<h1>Thuộc tính childNodes lấy tên nút trong JavaScript</h1>
<p>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:</p>
<!--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>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính childNodes lấy tên nút trong JavaScript</title>
</head>
<body>
<h1>Thuộc tính childNodes lấy tên nút trong JavaScript</h1>
<p>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:</p>
<!--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>
</body>
</html>
