HTML DOM Element previousElementSibling 属性

定義と使用法

previousElementSibling 属性は同じ木のレベルの前の要素を返します。

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

別の参照もご覧ください:

nextElementSibling 属性

children 属性

firstElemenChild 属性

firstElemenChild プロパティ

lastElemenChild プロパティ

childElementCount プロパティ

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

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

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

要素は要素ノードだけです。

同胞と要素同胞

同胞「兄弟」と「姉妹」です。

同胞同じ親ノードを持つノード(同じ childNodes リストに)。

要素の同胞同じ親要素を持つ要素(同じ children リストに)。

子ノードと子要素

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

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

nextSibling と nextElementSibling

nextSibling 次のノード(要素ノード、テキストノード、またはコメントノード)。要素間の空白もテキストノードです。

nextElementSibling 次の要素(テキストやコメントノードは返しません)。

previousSibling と previousElementSibling

previousSibling 前のノード(要素ノード、テキストノード、またはコメントノード)。要素間の空白もテキストノードです。

previousElementSibling 前の要素(テキストやコメントノードは返しません)。

前の同胞の HTML 内容を返します:

let text = element.previousElementSibling.innerHTML;

実際に試してみる

構文

element.previousElementSibling

返り値

タイプ 説明
要素 前の同胞要素。
null 前の同胞が存在しない場合。

ブラウザのサポート

element.previousElementSibling DOM レベル 3 (2004) の機能です。

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

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