如何使用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>

谢谢＆amp;干杯：）

Answer 2

序列化您的图片，例如done1.png，done2.png等，然后将功能更改为 document.getElementById("done"+i).innerHTML = "<img src='icons/done' + i + '.png' height='16' width='16' />"

Answer 3

您忘记在循环中使用src更新img i。 src始终是相同的路径：icons/done.png。