JS DOMリファレンスマニュアル

HTML DOM Element オブジェクト

previousSiblingHTML DOM previousSibling属性

読み取り専用属性は同一階層で指定されたノードの前のノードを返します。null前の同階層がなければ、この属性は

。

スペースはテキストとして、テキストはノードとして、コメントもノードとして扱われます。previousSiblingが#textや#commentノードを返す問題を避けるために、以下を使用できます：previousElementSibling

属性を使用して、同一階層の指定されたノードの次のノードを返します。要素ノードのみを返します。nextSibling

属性を使用して、同一階層の指定されたノードの次のノードを返します。childNodes属性は指定されたノードのいかなる子ノードも返します。

文法：

node.previousSibling

<div　id="div-1">Here　is　div</>-1</div>
<div　id="div-2">Here　is　div</>-2</div>
<script>
var　x　=　document.querySelector("#div-2").previousSibling.nodeName;
document.getElementById("result").innerHTML　=　x;
</script>

ただし、DIV間のスペースを削除すると、返り値は#textではありません：

<div　id="div-1">Here　is　div</>-1</div><div　id="div-2">Here　is　div</>-2</div>
<script>
var　x　=　document.querySelector("#div-2").previousSibling.innerHTML;
document.getElementById("result").innerHTML　=　x;
</script>

ブラウザの互換性

すべてのブラウザが完全にpreviousSibling属性をサポートしています：

技術的詳細

関連参考

HTML DOM 参考情報：node.childNodes属性

HTML DOM 参考情報：node.firstChild属性

HTML DOM 参考情報：node.lastChild属性

HTML DOM 参考情報：node.parentNode属性

HTML DOM 参考情報：node.nextSibling属性

HTML DOM 参考情報：node.nodeName属性

HTML DOM Element オブジェクト