在 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属性。

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

Answer 2

仅使用背景属性添加带有 url

的图像

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

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

set cell background dynamically in javascript

javascript

netbeans-8