最新的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>
試一試»

<元素對象