ITPub博客

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

在document.createTreeWalker()中过滤(2)

原创 IT生活 作者:cenfeng 时间:2019-08-01 17:07:47 0 删除 编辑

在上面,我定义了一个自定义函数“myfilter()”来过滤掉(内部)文档中的所有DIV和IMG。 这样的函数接受一个参数,当前被指向的节点作为Tree Walker遍历文档。 在此函数中,支持3个常量,以允许您接受,拒绝或跳过节点:

NodeFilter过滤函数常量
NodeFilter.FILTER_ACCEPT NodeFilter.FILTER_REJECT NodeFilter.FILTER_SKIP

FILTER_ACCEPT是自解释的,当返回时通知TreeWalker接受此节点。 但是,FILTER_REJECT和FILTER_SKIP以微妙的方式不同,这对于理解很重要。 使用FILTER_REJECT TreeWalker将拒绝相关节点以及节点的任何后代,而使用FILTER_REJECT时,TreeWalker将跳过相关节点但不跳过其后代。 换句话说,如果您希望过滤掉与父节点无关的节点,请使用NodeFilter.FILTER_SKIP而不是NodeFilter.FILTER_REJECT。 考虑上面的相同过滤器功能,但略微修改为使用“REJECT”而不是“SKIP”来取消不需要的节点:

1
2
3
4
五
6
<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_REJECT</font></font><font></font><font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" >
}</font></font>

在这种情况下,并非文档中的所有DIV和IMG元素都可以被提取! 这是因为图像可能包含在被拒绝的元素(如<P>)中,导致TreeWalker在遇到不需要的P元素时自动跳过它。


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

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

注册时间:2019-06-18

  • 博文量
    125
  • 访问量
    129476