Node: parentElement 屬性
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① |
瀏覽器相容性
載入中…