當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


HTML DOM NodeIterator filter屬性用法及代碼示例


NodeIterator篩選器屬性返回NodeFilter對象,該對象是實現用於篩選節點的acceptNode(node)方法的對象。

創建NodeIterator時,將過濾器對象作為createNodeIterator()方法中的第三個參數傳遞,並且在每個單個節點上調用對象方法acceptNode(node)以確定是否接受它。這是一個隻讀屬性。

用法:

nodeFilter = nodeIterator.filter;

返回值:返回一個NodeFilter對象。

例:在此示例中,我們將創建一個節點迭代器,並使用此屬性獲取NodeFilter對象。



<!DOCTYPE HTML>  
<html>   
<head> 
    <meta charset="UTF-8"> 
    <title>HTML | DOM NodeIterator filter property</title> 
</head>    
  
<body style="text-align:center;"> 
    <h1 style="color:green;">   
     GeeksforGeeks 
    </h1>  
    <p>  
HTML | DOM NodeIterator filter property 
    </p> 
  
    <button onclick = "Geeks()"> 
    Click Here 
    </button> 
    <p id="a"></p> 
    <script>  
        var a = document.getElementById("a"); 
        function Geeks(){ 
           const nodeIterator = document.createNodeIterator( 
            document.body, 
            NodeFilter.SHOW_ELEMENT, 
            { acceptNode:function(node) { 
 return NodeFilter.FILTER_ACCEPT; } }, 
            false 
        ); 
           console.log(nodeIterator.filter); 
             
} 
</script> 
</body> 
</html>

輸出:

單擊按鈕之前:

單擊Button之後:在控製台中,可以看到NodeFilter對象。

支持的瀏覽器:

  • 穀歌瀏覽器
  • Edge
  • Firefox
  • Safari
  • Opera
  • IE瀏覽器




相關用法


注:本文由純淨天空篩選整理自taran910大神的英文原創作品 HTML DOM NodeIterator filter property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。