HTML DOMparentNodeプロパティ
例
<li>要素の親ノードのノード名を取得します。
var x = document.getElementById("myLI").parentNode.nodeName;
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
parentNodeプロパティは、指定されたノードの親ノードをNodeオブジェクトとして返します。
注: HTMLでは、ドキュメント自体がHTML要素の親ノードであり、HEADとBODYはHTML要素の子ノードです。
このプロパティは読み取り専用です。
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
parentNode | 1.0 | Yes | 1.0 | Yes | Yes |
構文
node.parentNode
技術的な詳細
戻り値: | ノードの親ノードを表すNodeオブジェクト、またはノードに親がない場合はnull |
---|---|
DOMバージョン | コアレベル1ノードオブジェクト |
その他の例
例
要素(<span>)をクリックして、その親ノード(<div>)を非表示にします。
<div>
<span onclick="this.parentNode.style.display = 'none';">x</span>
</div>
関連ページ
HTML DOMリファレンス:ノード。childNodesプロパティ
HTML DOMリファレンス:ノード。firstChildプロパティ
HTML DOMリファレンス:ノード。lastChildプロパティ
HTML DOMリファレンス:ノード。nextSiblingプロパティ
HTML DOMリファレンス:ノード。previousSiblingプロパティ
HTML DOMリファレンス:ノード。nodeNameプロパティ
HTML DOMリファレンス:ノード。parentElementプロパティ