HTML DOM Element 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 DOM**(文档对象模型)中,HTML 文档是具有(或不具有)子节点的节点集合。
**节点**是元素节点、文本节点和注释节点。
元素之间的空白符也是文本节点。
元素仅指元素节点。
childNodes 与 children
childNodes 返回子节点(元素节点、文本节点和注释节点)。
children 返回子元素(不包括文本和注释节点)。
兄弟节点与元素兄弟节点
**兄弟节点**是“兄弟姐妹”。
**兄弟节点**是具有相同父节点(在相同的 **childNodes** 列表中)的节点。
**元素兄弟节点**是具有相同父节点(在相同的 **children** 列表中)的元素。
语法
element.parentNode
或
node.parentNode
返回值
类型 | 描述 |
节点 | 父节点。 如果节点没有父节点,则为 null 。 |
浏览器支持
element.parentnode
是 DOM Level 1 (1998) 特性。
所有浏览器都完全支持。
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 9-11 |