轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

HTML DOM parentNode 属性

实例

返回 <li> 元素父节点名:

var x = document.getElementById("myLI").parentNode.nodeName;
亲自试一试 »

页面下方有更多实例。

定义和用法

parentNode 属性可返回某节点的父节点。

如果指定的节点没有父节点则返回 null 。

注释: 在HTML中，文档 本身是 HTML 元素的父节点， HEAD 和 BODY 是HTML元素的子节点。

该属性是只读的。

浏览器支持

表中的数字表示支持该属性的第一个浏览器版本。

属性
parentNode 1.0 Yes 1.0 Yes Yes

语法

node.parentNode

技术细节

返回值: Node 节点对象，表示节点的父节点，如果节点没有父节点，则为 null
DOM 版本 Core Level 1 Node Object

更多实例

实例

单击元素 (<span>) 以隐藏其父节点 (<div>):

<div>
  <span onclick="this.parentNode.style.display = 'none';">x</span>
</div>
亲自试一试 »

相关页面

HTML DOM 参考手册: node.childNodes 属性

HTML DOM 参考手册: node.firstChild 属性

HTML DOM 参考手册: node.lastChild 属性

HTML DOM 参考手册: node.nextSibling 属性

HTML DOM 参考手册: node.previousSibling 属性

HTML DOM 参考手册: node.nodeName 属性

HTML DOM 参考手册: node.parentElement 属性