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

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

Сінтаксіс

javascriptэлемент.nextElementSibling;

Прыклад

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

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

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

console.log(text);

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

javascript'sibling'

Прыклад

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

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

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

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

javascriptnull

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