HTML DOM Element parentNode 属性

定義と使用法

parentNode 属性は要素やノードの親ノードをNodeオブジェクトとして返します。

指定されたノードが親ノードを持っていない場合、返されます。 null

parentNode 属性は読み取り専用です。

参照:

childNodes 属性

firstChild 属性

lastChild 属性

nextSibling 属性

previousSibling 属性

nodeName 属性

parentElement 属性

HTML ノードと要素 HTML DOM(ドキュメントオブジェクトモデル)では、HTMLドキュメントは子ノード(または子ノードがない)を持つノードの集合です。

ノードは要素ノード、テキストノード、およびコメントノードを指します。

要素間の空白もテキストノードです。

要素はただの要素ノードです。

子ノードと子要素

childNodes 返します子ノード(要素ノード、テキストノード、およびコメントノード)。

children 返します子要素(テキストノードやコメントノードではなく)。

同級生と要素の同級生

同級生は「兄弟」と「姉妹」です。

同級生は同じ親ノードを持つノード(同じ childNodes リスト内)。

要素の同級生は同じ親ノードを持つ要素(同じ children リスト内)。

例 1

"myLI"の親ノードのノード名を取得します:

let name = document.getElementById("myLI").parentNode.nodeName;

自分で試してみる

例 2

要素をクリックして(<span>)を隠します:

<div>
  <span onclick="this.parentNode.style.display = 'none';">x</span>
</div>

自分で試してみる

文法

element.parentNode

または

node.parentNode

返り値

タイプ 説明
ノード 親ノード。
null ノードに親ノードがない場合。

ブラウザのサポート

element.parentnode は DOM レベル 1 (1998) 特性です。

すべてのブラウザで完全にサポートされています:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート