# Element: nextElementSibling property



The **`Element.nextElementSibling`** read-only
property returns the element immediately following the specified one in its parent's
[children](https://developer.mozilla.org/en-US/docs/Web/API/Element/children) list, or `null` if the specified element is the last one in the list.

## Value

An [Element](https://developer.mozilla.org/en-US/docs/Web/API/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

## Browser compatibility

## See also

- [Element.previousElementSibling](https://developer.mozilla.org/en-US/docs/Web/API/Element/previousElementSibling)