javascript - 更改表格中图像的大小

Question

我正在使用 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 的大小，但我不知道如何调整它的大小。有什么建议么？

谢谢

Answer 1

您可以使用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);

    }
}