0

jsを使用して動的にテーブルを作成し、すべてのセルに画像を追加しています。Jqueryを使用して画像のサイズを変更しようとしていますが、何らかの理由でサイズ変更が機能していません。

私の方法は

  function table(){
    var rows = 8; 
    var cols = 8;
    var table = document.getElementById("table");
    for(var r = 0; r < rows; r++)
    {
      var tr = $('<tr></tr>');
        for (var c = 0; c < cols; c++)
    $('<td></td>').appendTo(tr)
    .append($('<img/>').
    attr({src: './img.png'}),
    height(50),
    width(50));
     tr.appendTo(table);
    }

誰かが私が間違っていることを知っていますか？

さらに、tdのサイズを変更しようとしましたが、サイズを変更する方法がわかりませんでした。助言がありますか？

ありがとう

4

1 に答える 1

0

css( )これは、 jquery 関数を使用して設定できます。

function table(){
    var rows = 8; 
    var cols = 8;
    var table = document.getElementById("table");
    for(var r = 0; r < rows; r++)
    {
      var tr = $('<tr></tr>');
        for (var c = 0; c < cols; c++) 
            $('<td></td>').appendTo(tr)
                .append($('<img/>')
                .attr('src','./img.png')
                .css({'height':'50px','width':'50px'}));
        tr.appendTo(table);

    }
}
于 2013-03-14T01:35:36.460 に答える