將圖像顯示爲動態表

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