HTML DOM TreeWalker currentNode屬性用法及代碼示例

TreeWalker currentNode屬性代表當前TreeWalker指向的節點。

用法:

要獲取currentNode：
```
node = treeWalker.currentNode;
```
設置currentNode：
```
treeWalker.currentNode = node;
```

返回值：此方法返回當前TreeWalker的當前節點。

範例1：在此示例中，我們將獲取TreeWalker的currentNode。為此，我們創建了一個具有節點頭的TreeWalker，以獲取currentNode。

HTML

<!DOCTYPE html> 
<html> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
  
    <p>Click Here to get the currentNode</p> 
  
    <button onclick="get()">Click</button> 
  
    <script> 
        var treeWalker = document 
            .createTreeWalker(document.head); 
              
        function get() { 
            node = treeWalker.currentNode; 
            console.log(node); 
        } 
    </script> 
</body> 
  
</html>

輸出：

單擊按鈕之前：
單擊按鈕後：

範例2：在此示例中，我們將創建的TreeWalker的currentNode設置為body。

HTML

<!DOCTYPE html> 
<html> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
  
    <p> 
        Click Here to set the  
        currentNode to body 
    </p> 
  
    <button onclick="set()">Click</button> 
  
    <script> 
        var treeWalker = document 
            .createTreeWalker(document.head); 
              
        function set() { 
            treeWalker.currentNode = document.body; 
            console.log(treeWalker); 
            console.log(treeWalker.currentNode); 
        } 
    </script> 
</body> 
  
</html>

輸出：

單擊按鈕之前：
單擊按鈕後：

支持的瀏覽器：

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

相關用法

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