ITPub博客

首页 > IT职业 > IT生活 > 在document.createTreeWalker()中过滤

在document.createTreeWalker()中过滤

原创 IT生活 作者:cenfeng 时间:2019-08-01 16:30:22 0 删除 编辑

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博客 ” ,链接:https://blog.itpub.net/69933200/viewspace-2652495/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-06-18

  • 博文量
    125
  • 访问量
    129483