JavaScript History Object HTML DOM Element Object

HTML DOM previousSibling Property

previousSiblingA read-only property returns the previous node at the same tree level as the specified node.

If there is no previous peer, this property returnsnull.

spaces are treated as text, text is treated as a node. Comments are also treated as nodes.

To avoid the problem of previousSibling returning #text or #comment nodes, you can usepreviousElementSiblingIt only returns element nodes.

UsenextSiblingproperty to return the next node at the same tree level as the specified node.

UsechildNodesThis property can return any child node of the specified node.

Syntax:

node.previousSibling

Example

<div id="div-1">Here is div</>-1</div>
<div id="div-2">Here is div</>-2</div>
<script>
var x = document.querySelector("#div-2).previousSibling.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Test See‹/›

However, if the spaces between the DIVs are removed, the returned value will not be #text:

Example

<div id="div-1">Here is div</>-1</div><div id="div-2">Here is div</>-2</div>
<script>
var x = document.querySelector("#div-2).previousSibling.innerHTML;
document.getElementById("result").innerHTML = x;
</script>

Test See‹/›