javascript - 将图像显示到动态表中

Question

我有一个表格，它是根据用户对表格的输入生成的。这会生成行和列。我希望节点充满图像。我正在获取表格，但节点充满了 [object HTML image element]？我认为这是试图访问图像但失败了？这是我尝试过的。所有帮助表示赞赏。

   for (r = 0; r < howOften; r++) {
    row = table.insertRow(-1);

    for (c = 0; c < numDays; c++) {
        col = row.insertCell(-1);
        img=new Image();
        img.src="../www/images/TEST.png";
        col.appendChild(document.createTextNode(img));
    };
};

Answer 1

您只是粘贴图像对象包含的实际文本，这绝对不是您想要做的。尝试类似以下的操作。

img.onload = function() { //check to make sure that the image has loaded
    col.appendChild(img);
};

Answer 2

如果您想使用jQuery，这是解决方案之一

在 html 中：

<div id="container"></div>

在 js 中：

var table = $('<table></table>');

for (r = 0; r < howOften; r++) {
  var row = $('<tr></tr>');
    for (c = 0; c < numDays; c++) {
     row.append('<td><img src="../www/images/TEST.png" /></td>');
    };
    table.append(row);
};

$('#container').append(table);