HTML DOMparentElementプロパティ
例
<li>要素の親要素のノード名を取得します。
var x = document.getElementById("myLI").parentElement.nodeName;
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
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がおそらく最も人気があります。
このプロパティは読み取り専用です。
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
構文
node.parentElement
技術的な詳細
戻り値: | ノードの親要素ノードを表すElementオブジェクト、またはノードに親がない場合はnull |
---|---|
DOMバージョン | DOMレベル4要素オブジェクト |
その他の例
例
要素(<span>)をクリックして、その親要素(<div>)を非表示にします。
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>