HTML DOM parentElement 屬性
示例
獲取 <li> 元素的父元素的節點名稱
var x = document.getElementById("myLI").parentElement.nodeName;
自己動手試一試 »
點選一個元素 (<span>) 來隱藏它的父元素 (<div>)
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>
自己動手試一試 »
描述
parentElement 屬性返回指定元素的父元素。
parentElement 和 parentNode 的區別在於，如果父節點不是一個元素節點，parentElement 會返回 null
document.body.parentNode; // 返回 <html> 元素
document.body.parentElement; // 返回 <html> 元素
document.documentElement.parentNode; // 返回 Document 節點
document.documentElement.parentElement; // 返回 null (<html> 沒有父 ELEMENT 節點)
在大多數情況下，使用哪個屬性都沒有關係，但是 parentNode 可能更常用。
此屬性為只讀。
HTML 節點與元素
在 **HTML DOM**（文件物件模型）中，HTML 文件是具有（或不具有）子節點的節點集合。
**節點**是元素節點、文字節點和註釋節點。
元素之間的空白符也是文字節點。
元素僅指元素節點。
childNodes 與 children
childNodes 返回子節點（元素節點、文字節點和註釋節點）。
children 返回子元素（不包括文字和註釋節點）。
兄弟節點與元素兄弟節點
**兄弟節點**是“兄弟姐妹”。
**兄弟節點**是具有相同父節點（在相同的 **childNodes** 列表中）的節點。
**元素兄弟節點**是具有相同父節點（在相同的 **children** 列表中）的元素。
語法
node.parentElement
技術詳情
| 返回值 | 一個 Element 物件，表示節點的父元素節點，如果節點沒有父節點則為 null |
|---|
瀏覽器支援
element.parentElement 是 DOM Level 3 (2004) 的特性。
所有現代瀏覽器都完全支援它
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 11 |
