JavaScript previousSibling — попередній вузол того ж рівня


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

автор: NagarD

Загальний опис

Дзеркальна до nextSibling — і з тією ж пасткою: між теґами стоять текстові вузли з переносами.

Потрібен попередній елементpreviousElementSibling.

автор: NagarD

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
previousSibling 1+ 1+ 1+ 7+ 12+ 9+
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
previousSibling yes yes yes yes

Приклади

+ запропонувати свій приклад у пісочниці

Попередній елемент у списку.

HTML

<ul>
    <li>Перший</li>
    <li id="second">Другий</li>
</ul>

JS

const second = document.getElementById('second');

console.log(second.previousSibling.nodeType);          // 3 — текст
console.log(second.previousElementSibling.textContent); // 'Перший'
автор: NagarD

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід