Element.nextElementSibling
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.
Syntax
// Getter
element = el.nextElementSibling;
// No setter; read-only property
Example
<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
Specification |
---|
DOM The definition of 'NonDocumentTypeChildNode.nextElementSibling' in that specification. |
Browser compatibility
BCD tables only load in the browser