将图像显示为动态表

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中的一个：在JS

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

：

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