javascriptでセルの背景を動的に設定します

Question

function generate_table(maze, rowNum, colNum, imgsrc) { 
    var tb = document.getElementById("MyMaze"); 
    for(i = 0;i < rowNum;i++){ 
     var row = tb.insertRow(i); 
     for(j = 0;j < colNum; j++){ 
      var cell = row.insertCell(j); 
      if(maze[i * rowNum + j] === '1'){ 
       cell.style.backgroundColor = "black"; 
      } else if(maze[i * rowNum + j] === '#'){ 
       cell.style.backgroundColor = "blue"; 
      }else if(maze[i * rowNum + j] === '*'){ 
       cell.style.backgroundColor = 'url(' + imgsrc + ')'; 
      }else if(maze[i * rowNum + j] === '0'){ 
       cell.style.backgroundColor = "#e0e0eb"; 
      } 
     } 
    } 
}; 

デバッグ後、パス（imgsrcは「images/back.jpg」）を確認しましたが、コードは機能しません。 背景を正しく設定するにはどうすればよいですか？

Answer 1

背景が画像の場合、backgroundImageプロパティを使用してください。

Answer 2

cell.style.backgroundImage = 'url("' + imgsrc + '")'; 

使用URL

cell.style.background = "url('+imgsrc+')";