HTML DOM Element previousSibling 属性

定義と使用法

previousSibling 属性は Node オブジェクトとして同じ木レベルの前のノードを返します。

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

注釈：previousSibling ノードがない場合、返り値は null。

注意

previousSibling 前の同胞ノードを返します：要素ノード、テキストノード、またはコメントノード。

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

代替案：

previousElementSibling 属性 - 前の同胞要素を返します（テキストノードやコメントノードは無視）。

参照してください：

nextSibling属性

firstChild属性

lastChild属性

childNodes属性

hasChildNodes()属性

HTMLノードと要素

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

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

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

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

同胞と要素同胞

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

同胞同じ親ノードを持つノード（同じ childNodes リスト上）。

要素の同胞同じ親要素を持つ要素（同じ children リスト上）。

子ノードと子要素

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

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

nextSibling と nextElementSibling

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

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

previousSibling と previousElementSibling

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

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

例

リスト項目の前の同胞のHTMLコンテンツを返します：

document.getElementById("item2").previousSibling.innerHTML;

自分で試してみる

構文

element.previousSibling

または

node.previousSibling

返り値

タイプ 説明
ノード ノードの前の同胞ノード。
null 前の同胞が存在しない場合。

ブラウザのサポート

element.previousSibling DOM レベル 1 (1998) の機能です。

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

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