HTML DOM parentElement 属性
页面下方有更多实例。
定义和用法
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>
亲自试一试 »