在javascript中动态设置单元格背景

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”），但代码无效！如何正确设置背景？在javascript中动态设置单元格背景

来源

2016-05-29 Esti Queroub

我改成了：cell.style.backgroundImage = 'URL（' + IMGSRC + '）'; –

铬说：MenuServlet：31 Uncaught ReferenceError：imgSrc没有定义 –

使用backgroundImage属性当背景是图像。

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

来源

2016-05-29 09:29:31 RRK

我改变了属性，但它仍然不工作 –

@EstiQueroub你可以尝试''url（''+ imgsrc +'“）''？ – RRK

不工作..我试图把显式的网址，以检查是否有路径的问题 –

仅使用背景属性与URL添加图像

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

来源

2016-05-29 09:32:41

在javascript中动态设置单元格背景

回答

相关问题