在动态div中打印迭代器的值

Posted 2023-05-07

技术标签:

【中文标题】在动态div中打印迭代器的值【英文标题】：Printing value of iterator in dynamic div 【发布时间】：2021-11-23 03:57:18 【问题描述】：

我创建了一个渲染 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>

【问题讨论】：

【参考方案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>

【讨论】：

【参考方案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>

【讨论】：

以上是关于在动态div中打印迭代器的值的主要内容，如果未能解决你的问题，请参考以下文章