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

HTML DOM parentElement 属性

实例

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

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

页面下方有更多实例。

定义和用法

parentElement 属性返回指定元素的父元素。

parentElement 和 parentNode 之间的区别在于，如果父节点不是元素节点，parentElement 将返回 null:

document.body.parentNode; // 返回 <html> 元素
document.body.parentElement; // Returns the <html> element

document.documentElement.parentNode; // 返回文档节点
document.documentElement.parentElement; // 返回 null（<html> 没有父 ELEMENT 节点）

在大多数情况下，使用哪个属性并不重要，但是，parentNode 可能是最受欢迎的。

该属性是只读的。

浏览器支持

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

属性
parentElement 1.0 Yes 9.0 Yes Yes

语法

node.parentElement

技术细节

返回值: 元素对象，表示节点的父元素节点，如果节点没有父元素，则为 null
DOM 版本 DOM Level 4 Element Object

更多实例

实例

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

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