HTML DOM Element previousElementSibling атрибут

Определение и использование

previousElementSibling Атрибут возвращает предыдущий элемент на том же уровне дерева.

previousElementSibling Атрибут является только для чтения.

Дополнительная информация:

nextElementSibling атрибут

children атрибут

пroperty firstElemenChild

пroperty lastElemenChild

пroperty childElementCount

Узлы HTML и элементы

В HTML DOM(Документовая модель объекта) В HTML-документе это набор узлов (или без них), имеющих (или не имеющих) дочерние узлы.

УзелЭто узлы элемента, узлы текста и узлы комментария.

ЭлементПробельные символы между ними также являются узлами текста.

А элемент — это только узел элемента.

Брат и элемент-брат

БратЭто «брат» и «сестра».

БратЭто узлы, имеющие одного общего родителя (в одном и том же childNodes в списке).

Элемент-братЭто элементы, имеющие одного общего родителя (в одном и том же children в списке).

Дочерний узел и дочерний элемент

childNodes ВозвратДочерний узел(узлы элемента, узлы текста и узлы комментария).

children ВозвратДочерний элемент(не возвращаются узлы текста и комментария).

nextSibling и nextElementSibling

nextSibling Возврат следующегоУзел(узел элемента, узел текста или узел комментария). Пробельные символы между элементами также являются узлами текста.

nextElementSibling Возврат следующегоЭлемент(Не возвращаются узлы текста и комментария).

previousSibling и previousElementSibling

previousSibling Возврат предыдущегоУзел(узел элемента, узел текста или узел комментария). Пробельные символы между элементами также являются узлами текста.

previousElementSibling Возврат предыдущегоЭлемент(Не возвращаются узлы текста и комментария).

Пример

Возврат HTML-контента предыдущего брата:

let text = element.previousElementSibling.innerHTML;

Попробуйте сами

Синтаксис

element.previousElementSibling

Возвратное значение

Тип Описание
Элемент Предыдущий брат элемента.
null Если предыдущий брат не существует.

Поддержка браузеров

element.previousElementSibling Это функция DOM Level 3 (2004).

Все браузеры полностью поддерживают его:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка