The Element.nextElementSibling
read-only property returns the element immediately following the specified one in its parent's children list, or null
if the specified element is the last one in the list.
Element.nextElementSibling
Value
A Element
object, or null
.
Examples
<div id="div-01">Here is div-01</div> <div id="div-02">Here is div-02</div> <script type="text/javascript"> let el = document.getElementById('div-01').nextElementSibling; console.log('Siblings of div-01:'); while (el) { console.log(el.nodeName); el = el.nextElementSibling; } </script>
This example outputs the following into the console when it loads:
Siblings of div-01: DIV SCRIPT
Specifications
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
nextElementSibling |
1
|
12
|
3.5
|
9
|
10
|
4
|
≤37
|
18
|
4
|
10.1
|
3
|
1.0
|
See also
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/nextElementSibling