CharacterData: previousElementSibling property

{{APIRef("DOM")}}

The read-only previousElementSibling property of the {{domxref("CharacterData")}} interface returns the first {{domxref("Element")}} before the current node in its parent's children list, or null if there is none.

Value

An {{domxref("Element")}} object, or null if no sibling has been found.

Example

<div id="div-01">Here is div-01</div>
TEXT
<div id="div-02">Here is div-02</div>
SOME TEXT
<div id="div-03">Here is div-03</div>
<pre>Result</pre>

// Initially set node to the Text node with `SOME TEXT`
let node = document.getElementById("div-02").nextSibling;

let result = "Previous element siblings of SOME TEXT:\n";

while (node) {
  result += `${node.nodeName}\n`;
  node = node.previousElementSibling;
}

document.querySelector("pre").textContent = result;

{{EmbedLiveSample("Example", "100%", "200")}}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{domxref("CharacterData.nextElementSibling")}}