在document.createTreeWalker（）中过滤

Tree Walker对象的本质是轻松过滤文档中的节点。 在上一页中，我们查看了提供基本顶级过滤的各种NodeFilter常量（即：NodeFilter.SHOW_ELEMENT）。 但在现实世界的情况下，这还不够。 这就是document.createTreeWalker（）的第3个参数所在的位置，它允许您传入对自定义过滤函数的引用，该函数选择第二个参数停止的位置：

document.createTreeWalker（root，nodesToShow，filter，entityExpandBol）

“filter”是过滤函数的函数引用：

1 2 3 4 五 6 7 8 9 10 11

<font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" >myfilter =函数（节点）{</font></font><font></font><font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" > if （node.tagName ==“DIV”|| node.tagName ==“IMG”） //过滤掉DIV和IMG元素</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 返回NodeFilter.FILTER_ACCEPT</font></font><font></font><font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" > 其他</font></font><font></font><font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" > 返回NodeFilter.FILTER_SKIP</font></font><font></font><font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" > }</font></font><font></font> <font></font><font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" > var walker = document.createTreeWalker（document.body，NodeFilter.SHOW_ELEMENT，myfilter， false ）</font></font><font></font> <font></font><font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" > while （walker.nextNode（））</font></font><font></font><font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" > walker.currentNode.style.display =“none” //隐藏页面上的所有DIV和IMG元素</font></font>

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/69933200/viewspace-2652495/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/69933200/viewspace-2652495/