プロパティ previousElementSibling

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

構文

javascript要素.previousElementSibling;

例

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

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

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

console.log(text);

コード実行結果：

javascript'sibling'

例

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

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

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

コード実行結果：

javascriptnull

関連項目