Thuộc tính phần tử gốc của DOM DOM
Ví dụ
Lấy tên nút của phần tử cha của phần tử <li>:
var x = document.getElementById("myLI").parentElement.nodeName;
Hãy tự mình thử »Bấm vào một phần tử (<span>) để ẩn phần tử cha của nó (<div>):
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>
Hãy tự mình thử »Sự miêu tả
Thuộc tính parentElement trả về phần tử cha của phần tử đã 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, việc bạn sử dụng thuộc tính nào không quan trọng, tuy nhiên, parentNode có lẽ là thuộc tính phổ biến nhất.
Thuộc tính này là chỉ đọc.
Nút HTML so với các phần tử
Trong HTML DOM (Mô hình đối tượng tài liệu), tài liệu HTML là tập hợp các nút có (hoặc không có) nút con.
Các nút là các nút phần tử, nút văn bản và nút nhận xét.
Khoảng trắng giữa các phần tử cũng là các nút văn bản.
Các phần tử chỉ là các nút phần tử.
conNodes vs trẻ em
childNodes trả về các nút con (nút phần tử, nút văn bản và nút nhận xét).
trẻ em trả về các phần tử con (không phải nút văn bản và nhận xét).
Anh chị em vs Anh chị em nguyên tố
Anh chị em là “anh em” và “chị em”.
Anh chị em là các nút có cùng cha mẹ (trong cùng danh sách nút con ).
Anh chị em phần tử là các phần tử có cùng cha mẹ (trong cùng danh sách con ).
Cú pháp
node .parentElement
Chi tiết kỹ thuật
Giá trị trả về: | Một đối tượng Element, đạ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ó nút cha |
---|
Hỗ trợ trình duyệt
element.parentElement
là tính năng DOM Cấp 3 (2004).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt hiện đại:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 11 |