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
element.previousElementSibling;
Príklad
Daný je element #elem. Vypíšme
text jeho vrchného suseda:
<p>sibling</p>
<p id="elem">elem</p>
let elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;
console.log(text);
Výsledok vykonania kódu:
'sibling'
Príklad
Ak vrchný sused neexistuje alebo sa nachádza
nie v rodičovi nášho elementu, taktiež sa vráti
null:
<p>sibling</p>
<div>
<p id="elem">elem</p>
</div>
let elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);
Výsledok vykonania kódu:
null
Pozrite tiež
-
vlastnosť
nextElementSibling,
ktorá obsahuje spodného suseda (nasledujúci element)
