Latest web development tutorials

XML DOM nextSibling property

Element Object Reference Element object

Definition and Usage

nextSibling property returns the next sibling node selected element (the next node in the same tree hierarchy).

If there is no such node, this property returns NULL.

grammar

elementNode.nextSibling

Tips and Notes

Note: Firefox and most other browsers, the empty spaces between the nodes will generate or wrap as text nodes, while Internet Explorer will ignore whitespace text nodes between nodes generated.Thus, in the example below, we'll use a function that checks the node type of the next sibling node.

Node type element node is 1, so if the next sibling node is not an element node, it will move to the next node, and checks if this node is an element node. The whole process will continue until the next sibling element node is found. Through this method, we can get the right results in all browsers.

Tip: For more information about browser differences, please visit us in our XML DOM tutorial DOM browser section.


Examples

The following code fragment uses loadXMLDoc () to " the Books.xml " into xmlDoc, and get the next sibling nodes from the first <title> element:

Examples

//check if the next sibling node is an element node
function get_nextsibling(n)
{
x=n.nextSibling;
while (x.nodeType!=1)
{
x=x.nextSibling;
}
return x;
}

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title")[0];
document.write(x.nodeName);
document.write(" = ");
document.write(x.childNodes[0].nodeValue);

y=get_nextsibling(x);

document.write("
Next sibling: ");
document.write(y.nodeName);
document.write(" = ");
document.write(y.childNodes[0].nodeValue);

The code above will output:

title = Everyday Italian
Next sibling: author = Giada De Laurentiis

try it"

Try Demos

previousSibling - get a node on a sibling node


Element Object Reference Element object