FREE Web Template Download

×

JavaScript Reference

JavaScript

JS String JS Number JS Operators JS Statements JS Math JS Date JS Array JS Boolean JS RegExp JS Global JS Conversion

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Document DOM Elements DOM Attributes DOM Events DOM Style

HTML Objects

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Other Objects

CSSStyleDeclaration

HTML DOM nextSibling Property

Element Object Reference Element Object

Example

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

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

The result of x will be:

Tea (second li)

Try it Yourself »

Definition and Usage

The nextSibling property returns the node immediately following the specified node, in the same tree level.

The returned node is returned as a Node object.

The difference between this property and nextElementSibling, 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 previousSibling property to return the previous node of the specified node, in the same tree level.

Tip: Use the childNodes property to return any child node of a specified node.

Browser Support

Property
nextSibling	Yes	Yes	Yes	Yes	Yes

Syntax

node.nextSibling

Technical Details

Return Value:	A Node object, representing the next sibling of the node, or null if there is no next sibling
DOM Version	Core Level 1 Node Object

Related Pages

HTML DOM reference: node.childNodes Property

HTML DOM reference: node.firstChild Property

HTML DOM reference: node.lastChild Property

HTML DOM reference: node.parentNode Property

HTML DOM reference: node.previousSibling Property

HTML DOM reference: node.nodeName Property

Element Object Reference Element Object

Sample Advertisssements

Find Jobs

View Template

FREE Video Tutorials for Beginners