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.
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.
A Element
object, or null
if no sibling has been found.
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;
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
nextElementSibling |
29 | 17 | 25 | No | 16 | 9 | 4.4 | 29 | 25 | 16 | 9 | 2.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CharacterData/nextElementSibling