HTML DOM NodeList.keys() 方法

NodeList keys()方法返回一个迭代器，允许您遍历此对象中包含的所有键。键是无符号整数。

句法：

NodeList.keys();

参数：此方法不带参数。

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

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

 
  

    
    HTML | DOM NodeList.keys() Method
   
  

      
     GeeksforGeeks
     
     
HTML | DOM NodeList.keys() 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 key of nodelist.keys()) { 
               console.log(key); 
 a.innerHTML += "<li>"+nodelist[key].localName + `</li>`;
            }
            console.log(nodelist.keys())
        }

   

输出：

点击按钮前：

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

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

支持的浏览器：

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