Właściwość previousElementSibling

Właściwość previousElementSibling zawiera poprzedni element znajdujący się w tym samym rodzicu. Jeśli taki element nie istnieje - zwracany jest null.

Składnia

javascriptelement.previousElementSibling;

Przykład

Dany jest element #elem. Wypiszmy tekst jego poprzedniego sąsiada:

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

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

console.log(text);

Wynik wykonania kodu:

javascript'sibling'

Przykład

Jeśli poprzedni sąsiad nie istnieje lub jest on położony nie w rodzicu naszego elementu, również zwracany jest null:

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

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

Wynik wykonania kodu:

javascriptnull

Zobacz też