HTML DOM NodeList.forEach() 方法

NodeList 接口的forEach()方法按插入顺序为列表中的每个值对调用一次参数中给出的回调。

句法：

NodeList.forEach(callback, currentValue);

参数：

• 回调：在 NodeList 的每个元素上执行的函数。它接受3个参数：
• currentValue ： NodeList 中要处理的当前元素。
• currentIndex（可选）： NodeList 中正在处理的currentValue的索引。
• listobj（可选）：应用 forEach() 的 NodeList。
• thisArg（可选）：执行callback时用作 this 的值。

返回值：此方法返回未定义。

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

 
  

    
    HTML | DOM NodeList.forEach() Method
   
  

      
     GeeksforGeeks
     
     
HTML | DOM NodeList.forEach() 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;
  
           nodelist.forEach( 
            function(currentValue, currentIndex, listObj) {
            a.innerHTML += "<li>"+currentValue.localName + `</li>`;
                console.log(currentValue, currentIndex); 
              },
            );
}

   

输出：

点击按钮前：

单击按钮后：使用 forEach() 调用元素。

在控制台中：可以看到元素值。

支持的浏览器：

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