如何使用javascript在不同的表格单元格中添加不同的图标

How to add different icons in different table cells using javascript?

本文关键字：添加 图标 单元格 表格 javascript 何使用      更新时间：2023-09-26

我正在尝试添加不同的图像，但要么一个图像加载到所有单元格中，要么没有。我正在为你们粘贴代码。怎么了？

<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>

你可以这样做： 

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>

谢谢和干杯:)

序列化图像，如done1.png、done2.png等，然后将函数更改为 document.getElementById("done"+i).innerHTML = "<img src='icons/done' + i + '.png' height='16' width='16' />"

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

相关文章：