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
element.previousElementSibling;
Przykład
Dany jest element #elem. Wypiszmy
tekst jego poprzedniego sąsiada:
<p>sibling</p>
<p id="elem">elem</p>
let elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;
console.log(text);
Wynik wykonania kodu:
'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:
<p>sibling</p>
<div>
<p id="elem">elem</p>
</div>
let elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);
Wynik wykonania kodu:
null
Zobacz też
-
właściwość
nextElementSibling,
która zawiera następnego sąsiada (następny element)
