nextElementSibling

Обновлено: 20.03.2023

Визначення та використання

Властивість nextElementSiblingповертає наступний елемент на тому самому рівні дерева.

Властивість nextElementSiblingдоступна лише для читання.


Приклад

Повернути вміст HTML наступного брата:

let text = element.nextElementSibling.innerHTML;

Вузли проти елементів

У термінології HTML DOM:

Вузли — це всі вузли (вузли елементів, текстові вузли та вузли коментарів).

Пробіли між елементами також є текстовими вузлами.

Елементи є лише вузлами елементів.


Брати і сестри проти братів і сестер елемента

Брати і сестри - це «брати» і «сестри».

Брати й сестри — це вузли з одним і тим же батьківським вузлом (в одному списку дочірніх вузлів ).

Брати та сестри елементів — це елементи з тим самим батьківським елементом (у тому самому списку дітей ).

childNodes проти дітей

childNodes повертає дочірні вузли (вузли елементів, текстові вузли та вузли коментарів).

children повертає дочірні елементи (не текст і вузли коментарів).

nextSibling проти nextElementSibling

nextSibling повертає наступний вузол (вузол елемента, текстовий вузол або вузол коментаря). Пробіли між елементами також є текстовими вузлами.

nextElementSibling повертає наступний елемент (не текст і вузли коментарів).

previousSibling проти previousElementSibling

previousSibling повертає попередній вузол (вузол елемента, текстовий вузол або вузол коментаря). Пробіли між елементами також є текстовими вузлами.

previousElementSibling повертає попередній елемент (не текст і вузли коментарів).

Синтаксис

element.nextElementSibling

Повернене значення

Типопис
елементНаступний однорідний елемент.
nullякщо не існує наступного брата.


Підтримка браузера

nextElementSibling

Посмотреть совместимость на Can I use?

nextElementSibling