The TreeWalker whatToShow property returns an unsigned Integer describing the type of Node that must to be presented. This is a read-only property.
Syntax:
whatToShow = treeWalker.whatToShow;
Return Value: This property returns an unsigned Integer describing the type of Node that must be presented.
following are the possible values of unsigned constant.
| Constant | Return Value | Constant Description |
| NodeFilter.SHOW_ALL |
1 |
Shows all nodes. |
| NodeFilter.SHOW_COMMENT |
128 |
Shows Comment nodes. |
| NodeFilter.SHOW_DOCUMENT |
256 |
Shows Document nodes. |
| NodeFilter.SHOW_DOCUMENT_FRAGMENT |
1024 |
Shows DocumentFragment nodes. |
| NodeFilter.SHOW_DOCUMENT_TYPE |
512 |
Shows DocumentType nodes. |
| NodeFilter.SHOW_ELEMENT |
1 |
Shows Element nodes. |
| NodeFilter.SHOW_PROCESSING_INSTRUCTION |
64 |
Shows ProcessingInstruction nodes. |
| NodeFilter.SHOW_TEXT |
4 |
Shows Text nodes. |
Example: This example has NodeFilter.FILTER_ACCEPT as node filter and hence returns whatToShow value respectively.
HTML
<!doctype html><html><head>    <meta charset="utf-8"><title>HTML DOM TreeWalker whatToShow property</title>   </head><body>    <h1>neveropen</h1>    <p>Click Below</p>    <button onclick="get()">Click</button></body><script>        var treeWalker = document.createTreeWalker(document.head,NodeFilter.SHOW_DOCUMENT_TYPE,        { acceptNode: function(node) {          return NodeFilter.FILTER_ACCEPT; } },    false);        function get(){            node = treeWalker.whatToShow;            console.log(treeWalker)            console.log(node);        }</script></html> |
Output:
Before Button Click:
After Button Click:
Supported Browsers:
- Google Chrome 1
- Edge 12
- Firefox 4
- Safari 3
- Opera 9
- Internet Explorer 9
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
