HTML圖片循環

Question

我想使圖片出現4-5個，甚至更多次，連續不寫它4或5倍：

<img src="images/favicon.ico" style="width:16px;height:16px"> 
<img src="images/favicon.ico" style="width:16px;height:16px"> 
<img src="images/favicon.ico" style="width:16px;height:16px"> 
<img src="images/favicon.ico" style="width:16px;height:16px"> 

誰能幫助？

Answer 1

你可以嘗試使用像div一樣的東西，然後它的樣式，但這仍然是4個div，只是更短。要有動態標記，你需要使用PHP。也可以使用JavaScript來做到這一點，但它不會是一個優雅的解決方案。

編輯：PHP的，這會做的伎倆：

for ($i = 1; $i <= 4; $i++) { 
    echo "<img src='images/favicon.ico' style='width:16px;height:16px'>"; 
} 

Answer 2

像這樣的事情？

HTML：

<div id="container"> 

</div> 

的JavaScript：

var count = 5; 
var index = 1; 

while (index <= count) { 
    document.getElementById('container').innerHTML += '<img src="http://wfarm1.dataknet.com/static/resources/icons/set95/5076c9d9.png" style="width:16px;height:16px">'; 

    console.log(index); 
    index++; 
} 

小提琴：https://jsfiddle.net/vgz5pukg/