TreeWalker过滤器属性返回一个Filter节点,该节点是与创建的TreeWalker关联的过滤对象。这是一个只读属性。
创建TreeWalker时,过滤器节点或对象作为使用此属性检索的第三个参数传递。
用法:
nodeFilter = treeWalker.filter;
返回值:此属性返回TreeWalker的节点过滤器。
例:在此示例中,我们将使用此属性获取TreeWalker的节点过滤器。
HTML
<!doctype html>
<html>
<body>
<h1>GeeksforGeeks</h1>
<p>Click Here to get the filter node</p>
<button onclick="get()">Click</button>
<script>
var treeWalker = document.createTreeWalker
(document.head, NodeFilter.SHOW_ELEMENT,
{
acceptNode:function (node)
{ return NodeFilter.FILTER_ACCEPT; }
},
false
);
function get() {
node = treeWalker.filter;
console.log(node);
}
</script>
</body>
</html>
输出:
-
单击按钮之前:
-
单击按钮后:在控制台过滤器中,可以看到节点。
支持的浏览器:
- 谷歌浏览器
- Edge
- Firefox
- Safari
- Opera
- IE浏览器
相关用法
- HTML DOM TreeWalker root属性用法及代码示例
- HTML DOM TreeWalker whatToShow属性用法及代码示例
- HTML DOM TreeWalker currentNode属性用法及代码示例
- HTML DOM TreeWalker nextSibling()用法及代码示例
- HTML DOM TreeWalker nextNode()用法及代码示例
- HTML DOM TreeWalker firstChild()用法及代码示例
- HTML DOM TreeWalker lastChild()用法及代码示例
- HTML DOM TreeWalker parentNode()用法及代码示例
- HTML DOM TreeWalker previousSibling()用法及代码示例
- HTML DOM TreeWalker previousNode()用法及代码示例
- HTML Style filter用法及代码示例
- HTML DOM NodeIterator filter属性用法及代码示例
- CSS filter属性用法及代码示例
- CSS backdrop-filter用法及代码示例
- HTML DOM lang用法及代码示例
- HTML Style backgroundClip用法及代码示例
- HTML Style borderTop用法及代码示例
- HTML Meter max用法及代码示例
- HTML Input Hidden value用法及代码示例
注:本文由纯净天空筛选整理自taran910大神的英文原创作品 HTML DOM TreeWalker filter Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。