目录

HTML DOM 元素 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 文档对象模型(文档对象模型),HTML 文档是带有(或不带有)子节点的节点的集合。

节点分别是元素节点、文本节点和注释节点。

元素之间的空白也是文本节点。

元素只是元素节点。


子节点 vs 子节点

子节点返回孩子节点(元素节点、文本节点和注释节点)。

孩子们返回孩子元素(不是文本和注释节点)。


兄弟姐妹 vs 元素兄弟姐妹

兄弟姐妹是"brothers" 和"sisters"。

兄弟姐妹是具有相同父节点的节点(在同一子节点列表)。

元素兄弟姐妹是具有相同父级的元素(在同一孩子们列表)。



语法

element.parentNode
node.parentNode

返回值

类型 描述
节点 父节点。
null如果该节点没有父节点。

浏览器支持

element.parentnode是 DOM Level 1 (1998) 功能。

所有浏览器都完全支持它:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 9-11