如何使用javascript在不同的表格單元格中添加不同的圖標？

Question

我試圖添加不同的圖像，但任何一個圖像被加載到所有的單元格中或沒有。我正在爲你們貼上代碼。有什麼問題？

<script> 
function AddImage() 
{ 
    for(var i=0; i<6; i++) 
    { 
     document.getElementById("done"+i).innerHTML = "<img 
     src='icons/done.png' height='16' width='16' />"; 
    } 
} 
</script> 

Answer 1

，你可以做這樣的：

var img = document.createElement("img"); 
    img.src = 'icons/done.png'; 
    <script> 
     function AddImage() 
    { 
    for(var i=0; i<6; i++) 
     { 
      document.getElementById("done"+i).appendChild(img); 
     } 
    } 
    </script> 

感謝&乾杯:)

Answer 2

序列化您的圖像，就像done1.png，done2.png等等，然後更改功能 document.getElementById("done"+i).innerHTML = "<img src='icons/done' + i + '.png' height='16' width='16' />"

Answer 3

你忘了在循環內用i更新img src。 src始終是相同的路徑：icons/done.png。