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

уласцівасць nextElementSibling,
якая ўтрымлівае суседа знізу (наступны элемент)