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

Объект Element HTML DOM

previousSiblingЧтение свойства возвращает предыдущий узел в том же уровне дерева.

Если нет предыдущего同级, то этот атрибут возвращаетnull.

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

Чтобы избежать проблемы с возвратом #text или #comment узлами для previousSibling, можно использоватьpreviousElementSiblingВозвращает только элементные узлы.

ИспользованиеnextSiblingСвойства возвращают следующий узел в том же уровне дерева.

ИспользованиеchildNodesСвойства могут возвращать любую подузел指定的 узла.

Грамматика:

node.previousSibling

<div　id="div-1">Здесь　есть　div-1</div>
<div　id="div-2">Здесь　есть　div-2</div>
<script>
var　x　=　document.querySelector("#div-2").previousSibling.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Но, если удалить пробелы между DIV, то значение, возвращаемое, не будет #text:

<div　id="div-1">Здесь　есть　div-1</div><div　id="div-2">Здесь　есть　div-2</div>
<script>
var x = document.querySelector("#div-2").previousSibling.innerHTML;
document.getElementById("result").innerHTML = x;
</script>

Совместимость с браузерами

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

Технические детали

Связанные руководства

Референс HTML DOM:nodeСвойство .childNodes

Референс HTML DOM:nodeСвойство .firstChild

Референс HTML DOM:nodeСвойство .lastChild

Референс HTML DOM:nodeСвойство .parentNode

Референс HTML DOM:nodeСвойство .nextSibling

Референс HTML DOM:nodeСвойство .nodeName

Объект Element HTML DOM