HTML DOM TreeWalker nextSibling() method

Last Updated : 11 Jul, 2022

The TreeWalker nextSibling() method moves the current Node to its next sibling, if any, and returns the found sibling. If no such child exists in the document, this method returns null.

Syntax:

node = treeWalker.nextSibling();

Parameters: This method takes no parameters.

Return Value:

Returns next visible sibling of current node if exists.
Returns null if no such child exists.

Example: In this example, I have created a TreeWalker with body node and hence showed the next visible sibling of that TreeWalker’s first node.

html

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
<title>HTML DOM TreeWalker nextSibling() method</title>    
</head>
<body>
    <h1>GeeksforGeeks</h1>
    <p>Click Below</p>
    <button onclick="get()">Click</button>
</body>
<script>
        var treeWalker = document.createTreeWalker(
        document.body,
        NodeFilter.SHOW_ELEMENT,
        { acceptNode: function(node) { 
return NodeFilter.FILTER_ACCEPT; } },
        false
);
        function get(){
            treeWalker.firstChild();
            var node = treeWalker.nextSibling();
            console.log(node) 
        }
</script>
</html>