更多"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>
试一试»