HTML DOM previousElementSibling 属性

HTML DOM Element オブジェクト

previousElementSibling読み取り専用属性は同一の木のレベルで、指定された要素の前の要素を返します。

前の同級の要素がない場合、この属性はnull。

使用nextElementSibling属性は指定された要素の次の要素を返します。

使用children属性は指定された要素のすべての子要素を返します。

文法：

element.previousElementSibling

var　x　=　document.querySelector("#div-2").previousElementSibling.innerHTML;

ブラウザの互換性

このテーブルの数字は、previousElementSibling属性を完全にサポートする最初のブラウザバージョンを指定しています：

技術的詳細

さらに多くの例

第2つのDIV要素の前の兄弟のHTML内容を変更します：

var div = document.querySelector("#div-2)
div.previousElementSibling.innerHTML = "HELLO WORLD";

第2つのDIV要素の前の同級の背景色を変更します：

var div = document.querySelector("#div-2)
div.previousElementSibling.style.backgroundColor = "coral";

関連参考

HTML DOM 参考：children属性

HTML DOM 参考：nextElementSibling属性

HTML DOM Element オブジェクト