0

フォームへのユーザー入力に基づいて生成されたテーブルがあります。これにより、行と列が生成されます。ノードを画像で埋めたい。テーブルを取得していますが、ノードは[オブジェクト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));
    };
};
4

2 に答える 2

2

画像オブジェクトに含まれる実際のテキストを貼り付けているだけです。これは間違いなくやりたいことではありません。次のようなことを試してください。

img.onload = function() { //check to make sure that the image has loaded
    col.appendChild(img);
};
于 2012-12-29T18:39:57.647 に答える
0

jQueryを使用したい場合、これは解決策の1つです

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);
于 2012-12-29T18:51:01.063 に答える