Thuộc tính parentElement của đối tượng HTML DOM Element

Định nghĩa và cách sử dụng

parentElement trả về yếu tố cha của yếu tố được chỉ định.

parentElement và parentNode các khác biệt在于, nếu yếu tố cha không phải là yếu tố yếu tố, thì parentElement Trả về null:

document.body.parentNode; // Trả về yếu tố <html>
document.body.parentElement; // Trả về yếu tố <html>
document.documentElement.parentNode; // Trả về nút tài liệu
document.documentElement.parentElement; // Trả về null（《html》không có yếu tố cha ELEMENT）

Trong hầu hết các trường hợp, việc sử dụng thuộc tính nào cũng không quan trọng, nhưng parentNode thường là phổ biến nhất.

thuộc tính này là chỉ đọc.

Nút HTML và yếu tố

trong HTML DOM（Document Object Model）trong đó tài liệu HTML là tập hợp các nút có (hoặc không có) yếu tố con.

Nútgiải thích các nút yếu tố, nút văn bản và nút chú thích.

Yếu tốkhoảng trống giữa chúng cũng là nút văn bản.

mà yếu tố chỉ là nút yếu tố.

Con nút và con yếu tố

childNodes Trả vềCon nút（các nút yếu tố, nút văn bản và nút chú thích）.

children Trả vềCon yếu tố（không phải các nút văn bản và chú thích）.

Anh em và yếu tố anh em

anh emlà 'anh em' và 'em'.

anh emlà các nút có cùng nút cha (trong cùng childNodes danh sách).

yếu tố anh emlà yếu tố có cùng yếu tố cha (trong cùng children danh sách).

Mô hình

Ví dụ 1

Lấy tên nút của yếu tố cha của yếu tố <li>:

var x = document.getElementById("myLI").parentElement.nodeName;

Thử trực tiếp

Ví dụ 2

Bấm vào yếu tố (<span>) có thể ẩn yếu tố cha của nó (<div>):

<div>
  <span onclick="this.parentElement.style.display = 'none';">x</span>
</div>

Thử trực tiếp

Cú pháp

node.parentElement

Giá trị trả về

Loại Mô tả
Đối tượng Element giải thích nút cha của nút.
null nếu nút này không có nút cha.

Hỗ trợ trình duyệt

element.parentElement Là tính năng DOM Level 3 (2004).

Tất cả các trình duyệt đều hỗ trợ hoàn toàn nó:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 9-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ