Thuộc tính phụ huynh DOM HTML
Thí dụ
Lấy tên nút của phần tử mẹ của một phần tử <li>:
var x = document.getElementById("myLI").parentElement.nodeName;
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính parentElement trả về phần tử mẹ của phần tử được chỉ định.
Sự khác biệt giữa parentElement và parentNode , là parentElement trả về null nếu nút cha không phải là nút phần tử:
document.body.parentNode; // Returns the <html> element
document.body.parentElement; // Returns the <html> element
document.documentElement.parentNode; // Returns the Document node
document.documentElement.parentElement; // Returns null (<html> does not have a parent ELEMENT node)
Trong hầu hết các trường hợp, không quan trọng bạn sử dụng thuộc tính nào, tuy nhiên, mã nguồn gốc có lẽ là phổ biến nhất.
Thuộc tính này là chỉ đọc.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
Cú pháp
node.parentElement
Chi tiết kỹ thuật
Giá trị trả lại: | Một đối tượng Phần tử, đại diện cho nút phần tử cha của một nút hoặc null nếu nút không có cha |
---|---|
Phiên bản DOM | Đối tượng phần tử DOM cấp 4 |
Các ví dụ khác
Thí dụ
Nhấp vào một phần tử (<span>) để ẩn phần tử mẹ của nó (<div>):
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>