最新的Web开发教程
 

HTML DOM parentElement Propery

<元素对象

得到的父元素的节点名<li>元素:

var x = document.getElementById("myLI").parentElement.nodeName;

x的结果将是:

UL
试一试»

更多"Try it Yourself"下面的例子。


定义和用法

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

parentElement和之间的差parentNode ,是parentElement如果父节点不是一个元素节点返回null:

document.body.parentNode; // Returns the <html> element
document.body.parentElement; // Returns the <html> element

document.documentElement.parentNode; // Returns the Document node
document.documentElement.parentElement; // Returns null (<html> does not have a parent ELEMENT node)

在大多数情况下,它不会不管你使用哪种属性,然而,parentNode可能是最流行的。

此属性为只读。


浏览器支持

在表中的数字规定,完全支持该财产浏览器版本。

属性
parentElement 1.0 9

句法

node .parentElement

技术细节

返回值: Element对象,代表节点的父元素节点,或为空 ,如果节点没有父节点
DOM版本 DOM 4级元素对象

例子

更多示例

点击一个元素(<span>)以隐藏其父元素(<div>)

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

<元素对象