动态打印迭代器的值 div

Question

我创建了一个渲染了 19 次的动态 div。我想在内部 html 动态 Div 中打印迭代器 (i) 的 ID。谁能帮帮我吗。下面是我的代码

var d1 = document.getElementById("div1");
for (var i = 0; i < 20; i++) {
  d1.innerHTML += '<div class="box">Print i here</div>';
}

<h2>My Loop Printing Divs</h2>
<div id="div1"></div>

Answer 1

您可以像这样直接使用变量：

var d1 = document.getElementById("div1");
for (var i = 0; i < 20; i++) {
  d1.innerHTML += '<div class="box">Print ' + i + ' here</div>';
}

<h2>My Loop Printing Divs</h2>
<div id="div1"></div>

Answer 2

你可以这样使用string ${js code} string

var d1 = document.getElementById("div1");
for (var i = 0; i < 20; i++) {
  d1.innerHTML += `<div class="box">Print ${i} here</div>`;
}

<h2>My Loop Printing Divs</h2>
<div id="div1"></div>

Printing value of iterator in dynamic div