Thuộc tính parentNode của phần tử DOM HTML

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

parentNode Thuộc tính trả về điểm cha của phần tử hoặc điểm, dưới dạng đối tượng Node.

Nếu điểm cuối không có điểm cha, thì trả về null。

Thuộc tính parentNode là chỉ đọc.

Xin xem thêm:

Thuộc tính childNodes

Thuộc tính firstChild

Thuộc tính lastChild

Thuộc tính nextSibling

Thuộc tính previousSibling

Thuộc tính nodeName

Thuộc tính parentElement

Nút HTML và phần tử

Trong HTML DOMtrong (Document Object Model), tài liệu HTML là tập hợp các nút (hoặc không) có nút con.

NútChỉ là các nút phần tử, nút văn bản và nút chú thích.

Phần tửGiữa các khoảng trống cũng là nút văn bản.

Trong khi phần tử chỉ là nút phần tử.

Nút con và phần tử con

childNodes Trả vềNút con（nút phần tử, nút văn bản và nút chú thích）.

children Trả vềPhần tử con（không phải nút văn bản và chú thích）.

Đồng loại với phần tử đồng loại

Đồng loạiLà "em" và "em gái".

Đồng loạiLà các nút có cùng nút cha (trong cùng childNodes danh sách).

Phần tử đồng loạiLà các phần tử có cùng nút cha (trong cùng children danh sách).

Mẫu

Ví dụ 1

Lấy tên của nút cha của "myLI":

let name = document.getElementById("myLI").parentNode.nodeName;

Thử ngay

Ví dụ 2

Nhấp vào phần tử (<span>) để ẩn phần tử cha của nó:

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

Thử ngay

Cú pháp

element.parentNode

hoặc

node.parentNode

Trả về giá trị

Loại Mô tả
Nút Nút cha.
null Nếu nút không có nút cha.

Hỗ trợ trình duyệt

element.parentnode là tính năng của DOM Level 1 (1998).

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ợ