Open In App

HTML DOM TreeWalker lastChild() method

Last Updated : 11 Jul, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

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

Syntax:

node = treeWalker.lastChild();

Parameters: This method takes no parameters.

Return Value:

  • Returns lastChild of the node if exists.
  • Returns null if no such child exists.

Example: In this example, create a TreeWalker with head node and hence showed the lastchild of that TreeWalker node.

html




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


Output:

Before Button Click:

After Button Click: In console, the last child of the TreeWalker node that is <title> can be seen.

Supported Browsers:

  • Google Chrome 1 and above
  • Edge 12 and above
  • Firefox 4 and above
  • Safari 3 and above
  • Opera 9 and above
  • Internet Explorer 9 and above

Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads