获取"myLI"的父节点的节点名:
let name = document.getElementById("myLI").parentNode.nodeName;
亲自试一试 »
单击一个元素 (<span>) 以隐藏其父元素:
<div>
<span onclick="this.parentNode.style.display = 'none';">x</span>
</div>
亲自试一试 »
这个parentNode
属性返回元素或节点的父节点。
这个parentNode
属性是只读的。
在里面HTML 文档对象模型(文档对象模型),HTML 文档是带有(或不带有)子节点的节点的集合。
节点分别是元素节点、文本节点和注释节点。
元素之间的空白也是文本节点。
元素只是元素节点。
子节点返回孩子节点(元素节点、文本节点和注释节点)。
孩子们返回孩子元素(不是文本和注释节点)。
兄弟姐妹是"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 |
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!