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якщо не існує наступного брата. |