Vlastnosť previousElementSibling

Vlastnosť previousElementSibling obsahuje predchádzajúci element, ktorý sa nachádza v tom istom rodičovi. Ak taký element neexistuje - vráti sa null.

Syntax

javascriptelement.previousElementSibling;

Príklad

Daný je element #elem. Vypíšme text jeho vrchného suseda:

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

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

console.log(text);

Výsledok vykonania kódu:

javascript'sibling'

Príklad

Ak vrchný sused neexistuje alebo sa nachádza nie v rodičovi nášho elementu, taktiež sa vráti null:

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

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

Výsledok vykonania kódu:

javascriptnull

Pozrite tiež