Свойство 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
Смотрите также
-
свойство
previousElementSibling,
которое содержит предыдущий элемент
