将图像显示到动态表格中

Question

我有一个表，它是根据用户对表单的输入生成的。这会生成行和列。我希望节点填充图像。我得到的表，但节点填充[对象HTML图像元素]？我认为这是试图访问图像但失败了？这是我尝试过的。所有帮助赞赏。

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