HTML DOM Element parentNode 属性
- 前のページ ownerDocument
- 次のページ parentElement
- 上一层に戻る HTML DOM Elements オブジェクト
定義と使用法
parentNode
属性は要素やノードの親ノードをNodeオブジェクトとして返します。
指定されたノードが親ノードを持っていない場合、返されます。 null
。
。
parentNode 属性は読み取り専用です。
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 | サポート | サポート | サポート | サポート |
- 前のページ ownerDocument
- 次のページ parentElement
- 上一层に戻る HTML DOM Elements オブジェクト