Уласцівасць 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

Глядзіце таксама