Уласцівасць nextElementSibling

Уласцівасць nextElementSibling ўтрымлівае наступны элемент, які знаходзіцца ў гэтым жа бацьку. Калі такога элемента няма - вяртаецца null.

Сінтаксіс

элемент.nextElementSibling;

Дадзены элемент #elem. Давайце выведзем тэкст яго суседа знізу:

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

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

console.log(text);

Вынік выканання кода:

'sibling'

Калі суседа знізу няма або ён размешчаны не ў бацьку нашага элемента, таксама вяртаецца null:

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

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

Вынік выканання кода:

null