<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính nodeValue nút văn bản trong JavaScript</title>
</head>
<body>
<h1>Thuộc tính nodeValue nút văn bản trong JavaScript</h1>
<p>Dùng để lấy chuỗi văn bản của nút văn bản đầu tiên của phần tử HTML và lấy giá trị của nút thuộc tính, đối với nút phần tử thì sẽ trả về null vì các nút phần tử không có một giá trị đơn lẻ, ở vi dụ này mình lấy chuỗi văn bản trong nút văn bản đầu tiên của một phần tử HTML:</p>
<div id="divid">Văn bản trong thẻ DIV</div>
<p>Kết quả khi lấy chuỗi văn bản trong thẻ DIV: <span id="ketqua"></span></p>
<script>
// Lấy phần tử html có id divid
const divid = document.getElementById("divid");
// Lấy văn bản của nút văn bản đầu tiên, bạn có thể thay childNodes[0] thành firstChild
let chuoivanban = divid.childNodes[0].nodeValue;
// Nhúng chuỗi văn bản
document.getElementById("ketqua").innerHTML = chuoivanban;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính nodeValue nút văn bản trong JavaScript</title>
</head>
<body>
<h1>Thuộc tính nodeValue nút văn bản trong JavaScript</h1>
<p>Dùng để lấy chuỗi văn bản của nút văn bản đầu tiên của phần tử HTML và lấy giá trị của nút thuộc tính, đối với nút phần tử thì sẽ trả về null vì các nút phần tử không có một giá trị đơn lẻ, ở vi dụ này mình lấy chuỗi văn bản trong nút văn bản đầu tiên của một phần tử HTML:</p>
<div id="divid">Văn bản trong thẻ DIV</div>
<p>Kết quả khi lấy chuỗi văn bản trong thẻ DIV: <span id="ketqua"></span></p>
<script>
// Lấy phần tử html có id divid
const divid = document.getElementById("divid");
// Lấy văn bản của nút văn bản đầu tiên, bạn có thể thay childNodes[0] thành firstChild
let chuoivanban = divid.childNodes[0].nodeValue;
// Nhúng chuỗi văn bản
document.getElementById("ketqua").innerHTML = chuoivanban;
</script>
</body>
</html>
