HTML DOM TreeWalker nextNode() method

Last Updated : 11 Jul, 2022

The TreeWalker nextNode() method moves the current Node to the next visible node in the document order, and returns the found node. If no such child exists in the document, this method returns null.

Syntax:

node = treeWalker.nextNode();

Parameters: This method takes no parameters.

Return Value:

Returns next visible 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 node of that TreeWalker node.

html

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
<title>HTML DOM TreeWalker nextNode() 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(){
            var node = treeWalker.nextNode();
            console.log(node) 
        }
</script>
</html>