Свойство previousElementSibling

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

Синтаксис

javascriptелемент.previousElementSibling;

Пример

Даден е елемент #elem. Нека изведем текста на неговия горен съсед:

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

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

console.log(text);

Резултат от изпълнението на кода:

javascript'sibling'

Пример

Ако няма горен съсед или той е разположен не в родителя на нашия елемент, също се връща null:

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

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

Резултат от изпълнението на кода:

javascriptnull

Вижте също