HTML DOM Element parentNode
示例
獲取“myLI”父節點的節點名稱
let name = document.getElementById("myLI").parentNode.nodeName;
自己動手試一試 »
單擊元素 (<span>) 以隱藏其父元素
<div>
<span onclick="this.parentNode.style.display = 'none';">x</span>
</div>
自己動手試一試 »
描述
parentNode
屬性返回元素或節點的父節點。
parentNode
屬性是隻讀的。
另請參閱
HTML 節點與元素
在 **HTML DOM**(文件物件模型)中,HTML 文件是具有(或不具有)子節點的節點集合。
**節點**是元素節點、文字節點和註釋節點。
元素之間的空白符也是文字節點。
元素僅指元素節點。
childNodes 與 children
childNodes 返回子節點(元素節點、文字節點和註釋節點)。
children 返回子元素(不包括文字和註釋節點)。
兄弟節點與元素兄弟節點
**兄弟節點**是“兄弟姐妹”。
**兄弟節點**是具有相同父節點(在相同的 **childNodes** 列表中)的節點。
**元素兄弟節點**是具有相同父節點(在相同的 **children** 列表中)的元素。
語法
element.parentNode
或
node.parentNode
返回值
型別 | 描述 |
節點 | 父節點。 如果節點沒有父節點,則為 null 。 |
瀏覽器支援
element.parentnode
是 DOM Level 1 (1998) 特性。
所有瀏覽器都完全支援。
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 9-11 |