CharacterData: nextElementSibling property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨April 2018⁩.

The read-onlynextElementSibling property of theCharacterData interfacereturns the firstElement node following the specified one in its parent'schildren list, ornull if the specified element is the last one in the list.

Value

AnElement object, ornull if no sibling has been found.

Example

html

TEXT<div>Here is div-01</div>TEXT2<div>Here is div-02</div><pre>Here is the result area</pre>

// Initially, set node to the Text node with `TEXT`let node = document.getElementById("div-01").previousSibling;let result = "Next element siblings of TEXT:\n";while (node) {  result += `${node.nodeName}\n`;  node = node.nextElementSibling; // The first node is a CharacterData, the others Element objects}document.querySelector("pre").textContent = result;