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