HTML DOM Element previousSibling свойство

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

previousSibling Свойство возвращает предыдущий узел одного уровня дерева в виде объекта Node.

previousSibling Свойство является только для чтения.

Комментарий:Если узел previousSibling отсутствует, то значение возвращает: null

Внимание

previousSibling Возвращает предыдущий сиблинг: узел элемента, текстовый узел или узел комментария.

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

Альтернатива:

previousElementSibling свойство - Возвращает предыдущего родного брата элемента (пропускает узлы текста и комментарии).

См. также:

Атрибут nextSibling

Атрибут firstChild

Атрибут lastChild

Атрибут childNodes

Атрибут hasChildNodes()

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

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

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

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

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

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

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

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

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

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

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

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

nextSibling и nextElementSibling

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

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

previousSibling и previousElementSibling

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

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

Пример

Возвращает HTML-контент предыдущего списка элементов:

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

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

Грамматика

element.previousSibling

или

node.previousSibling

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

Тип Описание
Узел Предыдущий родной брат узла.
null Если отсутствует предыдущий родной брат.

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

element.previousSibling Это функция DOM Level 1 (1998).

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

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