테이블의 이미지 크기를 변경하십시오.

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

사람이 내가 뭘 잘못 알고있다?

또한 크기를 조정하려고 시도했지만 크기를 조정하는 방법을 알 수 없었습니다. 어떤 제안?

감사

Answer 1

당신이이 css() JQuery와 함수를 사용하여 설정할 수 있습니다 당신은 SRC와 함께했던 것처럼,

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

    } 
}