A previousElementSibling tulajdonság

A previousElementSibling tulajdonság az előző elemet tartalmazza, amely ugyanabban a szülőben található. Ha nincs ilyen elem - null értéket ad vissza.

Szintaxis

javascriptelem.previousElementSibling;

Példa

Adott egy #elem elem. Írjuk ki a felső szomszédjának szövegét:

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

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

console.log(text);

A kód végrehajtásának eredménye:

javascript'sibling'

Példa

Ha nincs felső szomszéd, vagy az nem az elemünk szülőjében található, szintén null értéket ad vissza:

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

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

A kód végrehajtásának eredménye:

javascriptnull

Lásd még