节点：parentElement 属性

只读的 parentElement 属性 Node 接口返回 DOM 节点的父 Element，如果节点没有父节点，或者其父节点不是 DOM Element，则返回 null。Node.parentNode 另一方面，它返回任何类型的父节点，而不管其类型。

值

作为当前节点父元素的 Element，如果不存在，则返回 null。

示例

使用 parentElement

此示例将 node 的父节点设置为红色文本颜色。

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

parentElement 为 null

如果节点没有父节点（例如，因为它未附加到树中）或其父节点不是 Element，则 parentElement 可能为 null。另一方面，Node.parentNode 始终返回父节点，该节点可能是 Document 或其他节点类型。

html

<!doctype html>
<html>
  <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①

浏览器兼容性

BCD 表仅在启用 JavaScript 的浏览器中加载。

另请参阅

Node.parentNode