HTML DOM Element parentNode 屬性
- 上一頁 ownerDocument
- 下一頁 parentElement
- 返回上一層 HTML DOM Elements 對象
定義和用法
parentNode 屬性返回元素或節點的父節點，以 Node 對象。
如果指定節點沒有父節點，則返回 null。
parentNode 屬性是只讀的。
另請參閱：
HTML 節點與元素
在 HTML DOM（文檔對象模型）中，HTML 文檔是擁有（或沒有）子節點的節點集合。
節點指的是元素節點、文本節點和注釋節點。
元素之間的空白也是文本節點。
而元素只是元素節點。
子節點與子元素
childNodes 返回子節點（元素節點、文本節點和注釋節點）。
children 返回子元素（而非文本和注釋節點）。
同胞與元素同胞
同胞是“兄弟”和“姐妹”。
同胞是擁有相同父節點的節點（在相同的 childNodes 列表中）。
元素同胞是擁有相同父元素的元素（在相同的 children 列表中）。
實例
例子 1
獲取 "myLI" 的父節點的節點名：
let name = document.getElementById("myLI").parentNode.nodeName;
例子 2
單擊元素 (<span>) 以隱藏其父元素：
<div> <span onclick="this.parentNode.style.display = 'none';">x</span> </div>
語法
element.parentNode
或
node.parentNode
返回值
| 類型 | 描述 |
|---|---|
| 節點 | 父節點。 |
| null | 如果節點沒有父節點。 |
瀏覽器支持
element.parentnode 是 DOM Level 1 (1998) 特性。
所有瀏覽器都完全支持它：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| 支持 | 9-11 | 支持 | 支持 | 支持 | 支持 |
- 上一頁 ownerDocument
- 下一頁 parentElement
- 返回上一層 HTML DOM Elements 對象
