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 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 |
