Element: nextElementSibling property
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.
Value
A Element
object, or null
.
Examples
html
<div id="div-01">Here is div-01</div>
<div id="div-02">Here is div-02</div>
<script>
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 Standard # ref-for-dom-nondocumenttypechildnode-nextelementsibling② |
Browser compatibility
BCD tables only load in the browser