Thuộc tính parentElement trong JavaScript

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

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

Thuộc tính parentElement trong JavaScript

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

Thuộc tính parentElement trong JavaScript dùng để lấy thông tin về phần tử HTML cha của phần tử HTML 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 phần tử cha.

Code Thuộc tính parentElement trong JavaScript

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

Lấy thông tin tên thẻ, các thuộc tính của phần tử cha:

<div id="divid" style="width:100%;float:left;height:auto">
<p id="pid">Lấy thông tin phần tử cha</p>
</div>
<p>Tên thẻ cha: <span id="tenthe"></span></p>
<p>Giá trị id thẻ cha: <span id="idthe"></span></p>
<p>Giá trị style thẻ cha: <span id="stylethe"></span></p>
<script>
// Lấy tên thẻ cha
var ten = document.getElementById("pid").parentElement.nodeName;
document.getElementById("tenthe").innerHTML = ten;
// Lấy giá trị id thẻ cha
var giatriid = document.getElementById("pid").parentElement.getAttribute("id");
document.getElementById("idthe").innerHTML = giatriid;
// Lấy giá trị style thẻ cha
var giatristyle = document.getElementById("pid").parentElement.getAttribute("style");
document.getElementById("stylethe").innerHTML = giatristyle;
</script>

Kết quả:

Lấy thông tin phần tử cha

Tên thẻ cha: DIV

Giá trị id thẻ cha: divid

Giá trị style thẻ cha: width:100%;float:left;height:auto

Chạy Thử

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

Tạo các thuộc tính và gắn giá trị cho phần tử cha:

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

Bùi Tấn Lực

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