如何复制粘贴很多 html 谁很快 (img01, img02, img03,...) 不同？

Question

我有 300 个 img 可以放入我的 html 代码中，但我不知道如何快速完成。这是我的代码：

<img class="img-responsive" src="images/image01.jpg" />
<img class="img-responsive" src="images/image02.jpg" />
<img class="img-responsive" src="images/image03.jpg" />

我想复制粘贴它 300 次，但我不想手动编写 01、02、03、04...。你知道怎么做吗？

谢谢:)

Answer 1

用于 for 循环

<?php
    foreach(range(1,300) as $num){          
        echo "<img class='img-responsive' src='images/image"+str_pad($num, 2, '0', STR_PAD_LEFT);+".jpg'/>";
    }    
?>

Answer 2

<body onload="myFunction()">
<div id="images">
<div>
</body>
<script>
function myFunction() {
  for(let id=1; id<=300; id++){
    document.querySelector('#images').innerHTML += `<img class="img-responsive" src="images/image${String(id).padStart(2, '0')}.jpg" />`
  }
}
</script>

你可以使用 javascript 来做到这一点 activity

如何复制粘贴很多 html 谁很快 (img01, img02, img03,...) 不同？

How to copy paste a lot of html who is shortly (img01, img02, img03,...) different?

repeat