previousSibling

Обновлено: 20.03.2023

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

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

Властивість previousSiblingповертає об’єкт вузла.

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

Приклад

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

document.getElementById("item2").previousSibling.innerHTML;

Важливо!

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

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

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

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

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

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

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

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

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

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

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

childNodes проти дітей

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

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

nextSibling проти nextElementSibling

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

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