Latest web development tutorials
 

HTML DOM nextElementSibling Propery

< Element Object

Example

Get the HTML content of the next sibling of a list item:

var x = document.getElementById("item1").nextElementSibling.innerHTML;

The result of x will be:

Tea (second li)
Try it Yourself »

Definition and Usage

The nextElementSibling property returns the element immediately following the specified element, in the same tree level.

The difference between this property and nextSibling, is that nextSibling returns the next sibling node as an element node, a text node or a comment node, while nextElementSibling returns the next sibling node as an element node (ignores text and comment nodes).

This property is read-only.

Tip: Use the previousElementSibling property to return the previous element of the specified element.

Tip: Use the children property to return any child element of a specified element.


Browser Support

Property
nextElementSibling 2.0 9.0 3.5 4.0 10.0

Syntax

node.nextElementSibling

Technical Details

Return Value: A Node object, representing the next sibling of an element, or null if there is no next sibling
DOM Version Core Level 3 Element Traversal

< Element Object