例
親要素のノード名を取得<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.0 | はい | はい |
構文
node .parentElement技術的な詳細
| 戻り値： | 要素ノードの親要素ノードを表すオブジェクト、またはヌルのノードが親を持たない場合 |
|---|---|
| DOMバージョン | DOMレベル4要素オブジェクト |
その他の例
例
要素をクリックします(<span>)親要素を非表示にする(<div>)
<div>
<span onclick="this.parentElement.style.display =
'none';">x</span>
</div> »それを自分で試してみてください