nextSibling

Обновлено: 20.03.2023

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

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

Повертає nextSiblingоб’єкт вузла.

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

Приклад

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

document.getElementById("item1").nextSibling.innerHTML;

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

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

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

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

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


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

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

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

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


childNodes проти дітей

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

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


nextSibling проти nextElementSibling

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

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

previousSibling проти previousElementSibling

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

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

Синтаксис


element.nextSibling

або

node.nextSibling

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

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


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

nextSibling

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

nextSibling