如何使用JavaScript在字符串中循环我的For循环变量

我有72个图片名

fun1，fun2……fun72…

所以我不想写

72个img

标签，我只想用脚本创建

img

标签。但我无法在这些

72

图片之间循环，因为我不知道如何在字符串中调用循环变量

方法1

//用于图像
设pics=document.getElementById（“pics thumbs”）；
让divholder=document.createDocumentFragment（）；
for（设i=1；i<73；i++）{
设img=document.createElement（“img”）；
img.class=“img响应”；
img.src=“images/fun+i.jpg”；
股息持有人。附加子女（img）；
}
图.附属儿童（股息持有人）；

方法2

//用于图像
设pics=document.getElementById（“pics thumbs”）；
让divholder=document.createDocumentFragment（）；
for（设i=1；i<73；i++）{
设img=document.createElement（“img”）；
img.class=“img响应”；
img.src=“images/fun”+i.jpg”；
股息持有人。附加子女（img）；
}
图.附属儿童（股息持有人）；

使用

或者，使用EcmaScript 6

img.src=`images/fun${i}.jpg`;

这叫做连接。

您可以这样做

演示

let pics=document.getElementById（“pics thumbs”），
imgArr=[]；
for（设i=1；i<73；i++）{
imgArr.push（``）；
}
pics.innerHTML=imgArr.join（“
”）

---

哎呀，我在我的土地上错过了a+，它现在能用了吗？如果是，您可以标记为已解决。如果没有，请发布您可能收到的其他错误消息。它要求等待10分钟，将其标记为solvedNice和easy code…谢谢lot@GvsAkhil热烈欢迎

// For images
let pics = document.getElementById("pics-thumbs");
let divholder = document.createDocumentFragment();
for (let i = 1; i < 73; i++) {
    let img = document.createElement("img");
    img.class = "img-responsive";
    img.src = "images/fun" + i ".jpg";
    divholder.appendChild(img);
}
pics.appendChild(divholder);

img.src="images/fun" + i + ".jpg";

img.src=`images/fun${i}.jpg`;