HTML DOM NodeList.values() 方法

NodeList values()方法返回一个迭代器，允许您遍历 NodeList 对象中包含的所有值。值是 Node 对象。

句法：

NodeList.values();

参数：此方法不带参数。

返回值：此方法返回一个迭代器。

示例：在此示例中，我们将创建一个 NodeList，因此将获得一个迭代器以使用此方法从 NodeList 获取所有值。

 
  

    
    HTML | DOM NodeList.values() Method
   
  

      
     GeeksforGeeks
     
     
HTML | DOM NodeList.values() Method
    
  
    
    Click Here
    
    
     
        var a = document.getElementById("a");
        a.innerHTML = "elements are : "
        function Geeks(){
           var parentNode = document.createElement("div"); 
            var c1 = document.createElement("p"); 
            var c2 = document.createElement("span"); 
            var c3 = document.createElement("h1"); 
            parentNode.appendChild(c1); 
            parentNode.appendChild(c2); 
            parentNode.appendChild(c3); 
            var nodelist = parentNode.childNodes;
  
            for(var values of nodelist.values()) { 
               console.log(values); 
               a.innerHTML += "<li>"+values.localName + `</li>`;
            }
            console.log(nodelist.values())
        }

   

输出：

点击按钮前：

单击按钮后：使用值迭代器调用元素。

在控制台中：可以看到迭代器值。

支持的浏览器：

• 谷歌浏览器
• 边缘
• 火狐
• 苹果浏览器
• 歌剧