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


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


這個的財產NodeIterator返回作為NodeIterator遍曆的根的Node。 這是一個隻讀屬性。

用法:

root = nodeIterator.root;

返回值:返回根節點。

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

HTML

<!DOCTYPE HTML> 
<html> 
  
<body style="text-align:center;"> 
    <h1 style="color:green;"> 
        GeeksforGeeks 
    </h1> 
  
    <p> 
        HTML | DOM NodeIterator root 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.root); 
        } 
    </script> 
</body> 
  
</html>

輸出:



  • 單擊按鈕之前:

  • 單擊按鈕後:在控製台中,可以看到根節點

支持的瀏覽器:

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




相關用法


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