-4

我正在尝试使用 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;
}
4

1 回答 1

1

你打错了：

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

将其更改为 url(...)

.toString() 也不应该是必需的

于 2013-05-15T23:42:55.250 回答