Свойство previousElementSibling

Свойството previousElementSibling съдържа предишния елемент, намиращ се в същия родител. Ако няма такъв елемент - се връща null.

Синтаксис

елемент.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