javascript - 如何为 JavaScript 创建的每个 DIV 制作不同的 insideText？

Question

我在 JS 中遇到了一个小问题。我需要使用 for 函数创建大约七个 DIV，但每个 div 的内容(这里是 insideText)必须不同。有没有办法用函数来做到这一点，而不需要手动修改每个 div ？如果我把它放在 for 函数中，innerText 将是相同的。下面是我的代码:

for (let i = 0; i < 7; i++) {
      const innerDiv = document.createElement("div");
      innerDiv.id = "innerDivID";
      innerDiv.classList.add("innerDivClass");
      innerDiv.innerText = 1;
      outsideCaroussel.appendChild(innerDiv);
}

注意:outsideCaroussel 是 Wrapper 内的另一个 div。

Answer 1

至少你应该将 i 作为文本放入 div:

for (let i = 0; i < 7; i++) {
      const innerDiv = document.createElement("div");
      innerDiv.id = "innerDivID";
      innerDiv.classList.add("innerDivClass");
      innerDiv.innerText = i;
      outsideCaroussel.appendChild(innerDiv);
}