Javascript 将数组元素传递给foreach div

我试图通过forEach循环从数组

myArr

传递字符串元素，同时选择它应该进入的div，这样下面四个div元素中的每一个都有一个来自数组的对应字符串元素

我遇到了一些问题，因为我使用

querySelectorAll

方法选择div。我们将不胜感激。下面的代码只是我正在研究的一个示例，所以不能修改太多

HTML

旧号码
旧号码
旧号码
旧号码

JS

var numberDivs=document.queryselectoral（“.number”）；
var myArr=['number1'、'number2'、'number3'、'number4']；
numberDivs.forEach（函数（el）{
el.innerHTML=“新编号”；
对于（变量i=0；i

现在，它（

el

）只通过数组中的最后一个元素传递给alldiv，而不是相应的一个；

var numberDivs = document.querySelectorAll(".number");
var myArr = ['number1','number2', 'number3', 'number4'];
for (var i = 0; i < myArr.length; i++) {
      numberDivs[i].innerHTML = myArr[i];  
}

var myArr=['number1'、'number2'、'number3'、'number4']； 对于（变量i=0；i 问题是，在所有元素上都有一个for循环，然后在数组上又有一个for循环。内部for循环，即用于您的数组的for循环，总是以最后一个元素结束，因此每个对象（div）都以该数组的最后一个元素结束

var numberDivs=document.queryselectoral（“.number”）；
var myArr=['number1'、'number2'、'number3'、'number4']；
对于（变量i=0；i

问题是，在所有元素上都有一个for循环，然后在数组上又有一个for循环。内部for循环，即用于您的数组的for循环，总是以最后一个元素结束，因此每个对象（div）都以该数组的最后一个元素结束

---

我想这就是你想要的：

numberDivs.forEach(function(el, i) {
    el.innerHTML = myArr[i];
});

---

这假设它们的长度相等，并且不会像您的代码当前所做的那样覆盖每个元素的HTML。

我想这就是您想要的：

numberDivs.forEach(function(el, i) {
    el.innerHTML = myArr[i];
});

---

这假设它们的长度相等，并且不会像您的代码当前所做的那样覆盖每个元素的HTML。

快速修复，如果您确定数组的总计数与div数相同 然后仅循环数组并使用每个元素的索引访问div

var numberDivs = document.querySelectorAll(".number");
var myArr = ['number1','number2', 'number3', 'number4'];
myArr.forEach(function(value, Index) {
    numberDivs[Index].innerHTML = value
});

---

快速修复，如果您确定数组的总计数与div数相同 然后仅循环数组并使用每个元素的索引访问div

var numberDivs = document.querySelectorAll(".number");
var myArr = ['number1','number2', 'number3', 'number4'];
myArr.forEach(function(value, Index) {
    numberDivs[Index].innerHTML = value
});