Својството previousElementSibling

Својството previousElementSibling содржи претходен елемент, кој се наоѓа во истиот родител. Доколку таков елемент не постои - се враќа null.

Синтакса

element.previousElementSibling;

Даден е елементот #elem. Ајде да го испечатиме текстот на неговиот горен сосед:

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

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

console.log(text);

Резултат од извршувањето на кодот:

'sibling'

Доколку нема горен сосед или тој се наоѓа не во родителот на нашиот елемент, исто така се враќа null:

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

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

Резултат од извршувањето на кодот:

null

својството nextElementSibling,
кое го содржи соседот подолу (следниот елемент)