Thuộc tính nodeValue trong JavaScript

• Bùi Tấn Lực
• 26
• 17/09/2025

Thuộc tính nodeValue trong JavaScript 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, chi tiết như nào hãy cùng chúng tôi phân tích:

Thuộc tính nodeValue trong JavaScript

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

Thuộc tính nodeValue trong JavaScript 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ẻ.

Code Thuộc tính nodeValue trong JavaScript

Thuộc tính nodeValue nút văn bản trong JavaScript

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:

<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>

Kết quả:

Văn bản trong thẻ DIV
Kết quả khi lấy chuỗi văn bản trong thẻ DIV: Văn bản trong thẻ DIV

Chạy Thử

Thuộc tính nodeValue giá trị thuộc tính trong JavaScript

Lấy giá trị của nút thuộc tính:

<div id="divid" data-id="35">Văn bản trong thẻ DIV</div>
<p>Kết quả khi lấy giá trị của thuộc tính data-id: <span id="ketqua"></span></p>
<script>
// Lấy phần tử html có id divid
const divid = document.getElementById("divid");
// Lấy nút thuộc tính data-id
const thuoctinh = divid.getAttributeNode('data-id');
// Lấy giá trị của thuộc tính data-id
let giatri = thuoctinh.nodeValue;  
// Nhúng giá trị
document.getElementById("ketqua").innerHTML = giatri;
</script>

Kết quả:

Văn bản trong thẻ DIV
Kết quả khi lấy giá trị của thuộc tính data-id: 35

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 nodeValue trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Thuộc tính nodeValue 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 miễn phí

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