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 July 2015.
The read-only nextElementSibling
property of the CharacterData
interface
returns the first Element
node following the specified one in its parent's
children list, or null
if the specified element is the last one in the list.
Value
A Element
object, or null
if no sibling has been found.
Example
html
TEXT
<div id="div-01">Here is div-01</div>
TEXT2
<div id="div-02">Here is div-02</div>
<pre>Here is the result area</pre>
js
// 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;
Specifications
Specification |
---|
DOM # ref-for-dom-nondocumenttypechildnode-nextelementsibling② |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
nextElementSibling |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.