プロパティ previousElementSibling

プロパティ previousElementSibling は、同じ親要素内にある前の要素を保持します。そのような要素がない場合は null が返されます。

構文

要素.previousElementSibling;

要素 #elem が与えられます。その上の隣接要素のテキストを出力してみましょう：

<p>sibling</p>
<p id="elem">elem</p>

let elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;

console.log(text);

コード実行結果：

'sibling'

上の隣接要素がない場合、またはそれが当該要素の親要素内に配置されていない場合も null が返されます：

<p>sibling</p>
<div>
	<p id="elem">elem</p>
</div>

let elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);

コード実行結果：

null