循环元素javascript

我一直试图找到正确的方法来创建和添加元素，并添加一个属性，这样我就可以在整个页面上循环它们（比如重复的图像或其他东西），但这就是我所能想到的。 是否有更好的最佳实践方法来做到这一点。我觉得有。我也觉得我这样做很便宜

vari；
对于（i=0；i<100；i++）{
var div=document.createElement（“div”）；
div.innerHTML=“”；
文件.正文.附件（div）；
}

---

谢谢各位，所有的答案都非常有用，但我想我应该更具体一些。我正在尝试创建和图像元素，添加src属性以在主体中添加多次，这样我的页面就充满了小mozilla头。（也带有一个浮动：左样式lol）。div部分只是我从这个站点获得的代码：。我唯一知道如何将元素相乘的方法。

我知道的更简单、更清晰的方法是：

Array(100).fill('div').forEach((item) => {
   const divElement = document.createElement(item);
   const imageElement = document.createElement('IMG');
   imageElement.setAttribute("src", "IMAGE URL");
   imageElement.setAttribute("width", "304");
   imageElement.setAttribute("height", "228");
   imageElement.setAttribute("alt", "The Pulpit Rock");
   divElement.appendChild(imageElement);

   document.body.appendChild(divElement);
})

通过这种方式，您可以创建自己的自定义图像，并且可以在

div

和

image

标记上设置自定义属性

for(var i in array){
    console.log(array[i]);
}

我想你会找到这条路的。 但这并不意味着你的代码也很便宜。

---

您可以将其用于您的代码。

而不是每次都将其附加到正文中，您可以做的是创建一个文档片段并将其仅附加一次到正文中。最好的是DocumentFragment不会成为活动DOM的一部分。如下-

var i;
const fragment = new DocumentFragment();
for (i=0; i < 100; i++) {
    var div = document.createElement("div");
    div.innerHTML = "<img src='images/mdn.png'>";
    fragment.append(div);
}
document.body.appendChild(fragment);

vari；
const fragment=new DocumentFragment（）；
对于（i=0；i<100；i++）{
var div=document.createElement（“div”）；
div.innerHTML=“”；
片段追加（div）；
}
document.body.appendChild（片段）；

---

您可以在此处阅读有关DocumentFragment的更多信息

您可以使用

重复

const div=document.createElement（“div”）；
div.innerHTML=“”.重复（100）；
文件.正文.附件（div）这有帮助吗。。？没有JS，只有css重复


正文{
背景：url（“https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/back/1.png）重复；
}
Lorem ipsum door sit amet，一位杰出的领导者，他在劳动和生活中的时间是有限的。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔不轻率的行为外，还必须为自己的行为负责。”

知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德在某些情况下，不可轻率，但必须为自己的行为负责。”

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔不轻率的行为外，还必须为自己的行为负责。”

知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德在某些情况下，不可轻率，但必须为自己的行为负责。”

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔不轻率的行为外，还必须为自己的行为负责。”

知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德在这一点上，我不骄傲，在卡帕奎法的苏特应该得到莫莉动画的最努力。”
知识产权是一种权利，是一种精英，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔不轻率的行为外，还必须为自己的行为负责。”

知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德在某些情况下，不可轻率，但必须为自己的行为负责。”

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一起，在一起是一种令人厌恶的行为，在一起是一种不平等的行为