Javascript 如何在HTML中复制图像？

我想有5个相同的图像在一行（我可以说div？）

/*复制或删除“picture.jpg”的多个副本的代码*/

我会这样做：

<div id="list"><img id="item" src = "picture.jpg"></div>

<script type="text/javascript">
  function cloneItem() {
      var item = document.getElementById("item");
      var list = document.getElementById("list");
      var clonedItem = item.cloneNode(true);
      list.appendChild(clonedItem);
  }

  for(var i = 0; i < 5; i++) {
    cloneItem();
  }
</script>

功能克隆项（）{
var item=document.getElementById（“item”）；
var list=document.getElementById（“列表”）；
var clonedItem=item.cloneNode（true）；
列表。追加子项（克隆项）；
}
对于（变量i=0；i<5；i++）{
克隆膜（）；
}

CTRL C+CTRL V.是否有一些代码可以复制，而无需我复制相同的代码？因为那时我会有很多img src代码需要跟踪。使用

循环

或

For

或

While

或任何循环的东西当然可以在JavaScript中克隆图像，但为什么要这样做呢？复制图像的JavaScript代码实际上会产生更多的代码。只要有五个不同的

（JavaScript无论如何都会编译代码）就可以在将来必要时更改其中一个源代码，而无需更改其他源代码。“复制或删除的代码”-嗯？你是在复制还是删除？或者您需要调用一些函数

setNumberOfImages（n）

，根据需要向上或向下调整图像总数？哦，天哪，这看起来真是太高级了

<div id="list"><img id="item" src = "picture.jpg"></div>

<script type="text/javascript">
  function cloneItem() {
      var item = document.getElementById("item");
      var list = document.getElementById("list");
      var clonedItem = item.cloneNode(true);
      list.appendChild(clonedItem);
  }

  for(var i = 0; i < 5; i++) {
    cloneItem();
  }
</script>