如何在javascript中插入带有while循环的image src

How to insert image src with while loop in javascript

本文关键字：循环 while image src javascript 插入      更新时间：2024-07-05

我想在javascript 中插入带有while循环的图像src

$(document).ready(function(){
  var i=1;
  while(i <= 40)
  {
    document.getElementByClassName("fruit").src += "path" + i + ".png";
    i+=1;
  }
});
<img class="img-responsive" src="path/1.png" />
<img class="img-responsive" src="path/2.png" />
<img class="img-responsive" src="path/3.png" />
...
<img class="img-responsive" src="path/40.png" />

如何使用javascript 创建此系列

最好先查看具有类名的元素集合，而不是每次通过while循环来评估集合。

$(document).ready(function(){
    var i = 0;
    var elementCollection = document.getElementsByClassName('img-responsive');
    var max_i = elementCollection.length;
    while(i < 40 && i < max_i) {
        elementCollection[i].src = "path/" + i + ".png";
        i+=1;
    }
});
相关文章：