Document.createTreeWalker()
The Document.createTreeWalker() creator method returns a newly created TreeWalker object.
Syntax
document.createTreeWalker(root[, whatToShow[, filter[, expandEntityReferences]]]);
Parameters
root-
A root
Nodeof thisTreeWalkertraversal. Typically this will be an element owned by the document. -
whatToShowOptional -
A
unsigned longrepresenting a bitmask created by combining the constant properties ofNodeFilter. It is a convenient way of filtering for certain types of node. It defaults to0xFFFFFFFFrepresenting theSHOW_ALLconstant.Constant Numerical value Description NodeFilter.SHOW_ALL-1(that is the max value ofunsigned long)Shows all nodes. NodeFilter.SHOW_ATTRIBUTE2Shows attribute Attrnodes. This is meaningful only when creating aTreeWalkerwith anAttrnode as its root; in this case, it means that the attribute node will appear in the first position of the iteration or traversal. Since attributes are never children of other nodes, they do not appear when traversing over the document tree.NodeFilter.SHOW_CDATA_SECTION8Shows CDATASectionnodes.NodeFilter.SHOW_COMMENT128Shows Commentnodes.NodeFilter.SHOW_DOCUMENT256Shows Documentnodes.NodeFilter.SHOW_DOCUMENT_FRAGMENT1024Shows DocumentFragmentnodes.NodeFilter.SHOW_DOCUMENT_TYPE512Shows DocumentTypenodes.NodeFilter.SHOW_ELEMENT1Shows Elementnodes.NodeFilter.SHOW_ENTITY32Legacy, no more usable. NodeFilter.SHOW_ENTITY_REFERENCE16Legacy, no more usable. NodeFilter.SHOW_NOTATION2048Legacy, no more usable. NodeFilter.SHOW_PROCESSING_INSTRUCTION64Shows ProcessingInstructionnodes.NodeFilter.SHOW_TEXT4Shows Textnodes. -
filterOptional -
A
NodeFilter, that is an object with a methodacceptNode, which is called by theTreeWalkerto determine whether or not to accept a node that has passed thewhatToShowcheck. -
expandEntityReferencesOptional -
A boolean flag indicating if when discarding an entity reference its whole sub-tree must be discarded at the same time.
Return value
A new TreeWalker object.
Example
The following example goes through all nodes in the body, filters out any non nodes that aren't elements (with the `NodeFilter.SHOW_ELEMENT` value), marks each remaining node as acceptable (The acceptNode() method could make a different decision.), and then makes use of tree walker iterator that is created to advance through the nodes (now all elements) and push them into an array.
var treeWalker = document.createTreeWalker( document.body, NodeFilter.SHOW_ELEMENT, { acceptNode: function(node) { return NodeFilter.FILTER_ACCEPT; } }, false ); var nodeList = []; var currentNode = treeWalker.currentNode; while(currentNode) { nodeList.push(currentNode); currentNode = treeWalker.nextNode(); }
Specifications
| Specification |
|---|
| DOM Standard (DOM) # dom-document-createtreewalker |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
createTreeWalker |
1 |
12 |
1 |
9 |
9 |
3 |
1 |
18 |
4 |
10.1 |
3 |
1.0 |
expandEntityReferences_parameter |
No |
12-79 |
2-12 |
9 |
9-15 |
3-10.1 |
No |
No |
4-14 |
Yes-14 |
3-10.3 |
No |
whatToShow_filter_parameters_optional |
4 |
≤79 |
12 |
No |
Yes |
3 |
≤37 |
Yes |
14 |
Yes |
3 |
Yes |
See also
- The interface of the object it creates:
TreeWalker.
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Document/createTreeWalker