Thuộc tính parentNode trong JavaScript

• Bùi Tấn Lực
• 25
• 16/09/2025

Thuộc tính parentNode trong JavaScript dùng để lấy thông tin về node (nút) cha của phần tử HTML con hoặc node con, chi tiết như nào hãy cùng chúng tôi phân tích:

Thuộc tính parentNode trong JavaScript

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

Thuộc tính parentNode trong JavaScript dùng để lấy thông tin về node (nút) cha của phần tử HTML con hoặc node con, ngoài ra còn có thể thực hiện tạo thuộc tính và giá trị của thuộc tính lên node cha, nút con ngoài các phần tử HTML còn có khoảng trắng, chú thích.

Code Thuộc tính parentNode trong JavaScript

Thuộc tính parentNode lấy thông tin trong JavaScript

Lấy thông tin tên node (nút), các thuộc tính của node (nút) cha:

<div id="divid" style="width:100%;float:left;height:auto">
<p id="pid">Lấy thông tin node (nút) cha</p>
</div>
<p>Tên node (nút) cha: <span id="tennode"></span></p>
<p>Giá trị id node (nút) cha: <span id="idnode"></span></p>
<p>Giá trị style node (nút) cha: <span id="stylenode"></span></p>
<script>
// Lấy tên node (nút) cha
var ten = document.getElementById("pid").parentNode.nodeName;
document.getElementById("tennode").innerHTML = ten;
// Lấy giá trị id node (nút) cha
var giatriid = document.getElementById("pid").parentNode.getAttribute("id");
document.getElementById("idnode").innerHTML = giatriid;
// Lấy giá trị style node (nút) cha
var giatristyle = document.getElementById("pid").parentNode.getAttribute("style");
document.getElementById("stylenode").innerHTML = giatristyle;
</script>

Kết quả:

Lấy thông tin node (nút) cha

Tên node (nút) cha: DIV

Giá trị id node (nút) cha: divid

Giá trị style node (nút) cha: width:100%;float:left;height:auto

Chạy Thử

Thuộc tính parentNode tạo thuộc tính trong JavaScript

Tạo các thuộc tính và gắn giá trị cho node (nút) cha:

<div>
<p id="pid">Tạo thuộc tính cho node (nút) cha</p>
</div>
<p>Click vào nút TẠO THUỘC TÍNH để tạo thuộc tính cho node (nút) cha</p>
<button onclick="taoThuocTinh()">TẠO THUỘC TÍNH</button>
<script>
function taoThuocTinh() {
   // Tạo thuộc tính cho node (nút) cha với id có giá trị divid
   document.getElementById("pid").parentNode.setAttribute("id", "divid");
   // Tạo css cho node (nút) cha
   document.getElementById("pid").parentNode.style.background= "red";
}
</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 parentNode trong JavaScript.

Bùi Tấn Lực

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