在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中动态设置单元格背景
使用backgroundImage
属性当背景是图像。
cell.style.backgroundImage = 'url("' + imgsrc + '")';
我改变了属性,但它仍然不工作 –
@EstiQueroub你可以尝试''url(''+ imgsrc +'“)''? – RRK
不工作..我试图把显式的网址,以检查是否有路径的问题 –
仅使用背景属性与URL添加图像
cell.style.background = "url('+imgsrc+')";
我改成了:cell.style.backgroundImage = 'URL(' + IMGSRC + ')'; –
铬说:MenuServlet:31 Uncaught ReferenceError:imgSrc没有定义 –