Vlastnost previousElementSibling

Vlastnost previousElementSibling obsahuje předchozí prvek, který se nachází ve stejném rodiči. Pokud takový prvek neexistuje - vrací se null.

Syntaxe

javascriptprvek.previousElementSibling;

Příklad

Je dán prvek #elem. Vypišme text jeho předchozího souseda:

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

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

console.log(text);

Výsledek provedení kódu:

javascript'sibling'

Příklad

Pokud předchozí soused neexistuje nebo se nachází v jiném rodiči než náš prvek, také se vrací null:

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

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

Výsledek provedení kódu:

javascriptnull

Viz také