Skip to content
Related Articles

Related Articles

Improve Article
HTML DOM TreeWalker filter Property
  • Last Updated : 28 Jul, 2020

The TreeWalker filter property returns a Filter node that is a filtering object associated with the created TreeWalker. It is a read-only property.

When creating the TreeWalker, the filter node or object is passed as the third parameter which is retrieved using this property.

Syntax:

nodeFilter = treeWalker.filter;

Return Value: This property returns a node filter of the TreeWalker.

Example: In this example, we will get the node filter of the TreeWalker using this property.



HTML




<!doctype html>
<html>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <p>Click Here to get the filter node</p>
  
    <button onclick="get()">Click</button>
  
    <script>
        var treeWalker = document.createTreeWalker
            (document.head, NodeFilter.SHOW_ELEMENT,
                {
                    acceptNode: function (node) 
                    { return NodeFilter.FILTER_ACCEPT; }
                },
                false
            );
        function get() {
            node = treeWalker.filter;
            console.log(node);
        }
    </script>
</body>
  
</html>

Output:

  • Before Clicking the Button:

  • After Clicking the Button: In console filter, node can be seen.

Supported Browsers: 

  • Google Chrome
  • Edge
  • Firefox
  • Safari
  • Opera
  • Internet Explorer
My Personal Notes arrow_drop_up
Recommended Articles
Page :