Back to Content

Element: nextElementSibling property

files/en-us/web/api/element/nextelementsibling/index.md

latest857 B
Original Source

{{APIRef("DOM")}}

The Element.nextElementSibling read-only property returns the element immediately following the specified one in its parent's {{domxref("Element.children", "children")}} list, or null if the specified element is the last one in the list.

Value

An {{domxref("Element")}} object, or null.

Examples

html
<div id="div-01">Here is div-01</div>
<div id="div-02">Here is div-02</div>
js
let el = document.getElementById("div-01").nextElementSibling;
console.log("Siblings of div-01:");
while (el) {
  console.log(el.nodeName);
  el = el.nextElementSibling;
}

This example outputs the following into the console when it loads:

plain
Siblings of div-01:
DIV
SCRIPT

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

  • {{domxref("Element.previousElementSibling")}}