Fatal编程技术网
  • javascript/
  • Javascript 如何使用forEach填充HTML元素

Javascript 如何使用forEach填充HTML元素

javascript

Javascript 如何使用forEach填充HTML元素,javascript,foreach,Javascript,Foreach,如何使用forEach填充HTML元素？在下面的简单示例中，我试图用计数器“increment”填充每个DIV。我正在使用this.innerHTML以数组中的每个innerHTML为目标。我知道我遗漏了什么，但我看不见 var myArray=document.getElementsByClassName（'box'）； myArray=Array.from（myArray）； myArray.forEach（（item，increment）=>this.innerHTML=incremen

如何使用
forEach
填充HTML元素？在下面的简单示例中，我试图用计数器“increment”填充每个
DIV
。我正在使用
this.innerHTML
以数组中的每个innerHTML为目标。我知道我遗漏了什么，但我看不见

var myArray=document.getElementsByClassName（'box'）；
myArray=Array.from（myArray）；
myArray.forEach（（item，increment）=>this.innerHTML=increment）

正文{
保证金：0；
填充：0；
字号：2rem；
字体系列：arial；
颜色：白色；
}
.盒子{
利润率：0.10px；
填充：10px；
背景颜色：蓝色；
}


forEach
将
项
和
增量
作为参数传递


此
不是指您的
项目
，而是指此范围内的全局窗口。您可以使用
item
参数设置
item.innerHTML



var myArray=document.getElementsByClassName（'box'）；
myArray=Array.from（myArray）；
myArray.forEach（（item，increment）=>item.innerHTML=increment}）

正文{
保证金：0；
填充：0；
字号：2rem；
字体系列：arial；
颜色：白色；
}
.盒子{
利润率：0.10px；
填充：10px；
背景颜色：蓝色；
}




此代码将起作用：
使用forEach时，数组中的项是第一个参数。“this”是此上下文中的窗口


var myArray = document.getElementsByClassName('box');
var arr = Array.from(myArray)
arr.forEach((item,counter)=>(item.innerHTML = counter))



您是指
item.innerHTML=increment
？当您为每个数组元素声明
item
变量时，将
thisArg
交换到
item
。：“如果
forEach（）提供了
thisArg
参数< /代码>，它将用作回调的代码>代码<>代码>值。否则，值<代码>未定义< /代码>将被用作它的值。<>代码>这个值最终可被<代码>回调< /代码>所确定。当场修复。
this.innerHTML
是否指向任何东西？@DR01D