Node: parentElement 屬性

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

Node 介面的只讀 parentElement 屬性返回 DOM 節點的父 Element,如果該節點沒有父節點,或者其父節點不是 DOM Element,則返回 null。另一方面,Node.parentNode 則返回任何型別的父節點,而不考慮其型別。

當前節點的父 Element,如果沒有則為 null

示例

使用 parentElement

此示例將 node 的父節點的文字顏色設定為紅色。

js
if (node.parentElement) {
  node.parentElement.style.color = "red";
}

parentElement 為 null

如果節點沒有父節點(例如,因為它未附加到樹中)或者其父節點不是 Element,則 parentElement 可能為 null。另一方面,Node.parentNode 始終返回父節點,該節點可以是 Document 或其他節點型別。

html
<!doctype html>
<html lang="en-US">
  <body>
    <script>
      const html = document.querySelector("html");
      console.log(html.parentElement); // null
      console.log(html.parentNode); // document
    </script>
  </body>
</html>

規範

規範
DOM
# ref-for-dom-node-parentelement①

瀏覽器相容性

另見