Question

我尝试使用Javascript更改表格单元格的背景图像，我是通过在for循环中使用计数器索引创建代码内部图像的名称(i)

这不起作用，有人可以解释为什么以及如何正确地做到这一点？如果我放置一个静态图像名称它是有效的，如果我动态尝试它不会。

这不起作用

var tbl = document.getElementById('SelectionBoard');
var cells = tbl.getElementsByTagName('td');

for (var i = 0; i < cells.length; i++)
{
    cells[i].addEventListener('click', sbClick, false);
    var imgSrc = 'ulr(./FoodImages/fruit' + i.toString() + '.jpg)';
    cells[i].style.backgroundImage=imgSrc;
}

这样做：

var tbl = document.getElementById('SelectionBoard');
var cells = tbl.getElementsByTagName('td');

for (var i = 0; i < cells.length; i++)
{
    cells[i].addEventListener('click', sbClick, false);
    var imgSrc = 'url(./FoodImages/fruit3.jpg)'; 
    cells[i].style.backgroundImage=imgSrc;
}

Answer 1

你写了一个错字：

var imgSrc = 'ulr(./FoodImages/fruit' + i.toString() + '.jpg)';
               ^^

将其更改为url（...）

同样不需要.toString（）

动态更改表的背景图像

1 个答案: