2013-05-15 162 views
-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; 
} 
+1

你有错字......这不是编程的问题... – Karol

+0

请停止downvoting,这一个问题成本核算我问另外一个问题,关于这个论坛的权利。我没有轻易发布这个问题。在我这样做之前,我确实检查了代码。你从未有过一个你无法看到的错字?谢谢。 –

回答

1

你犯了一个错字:

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

改变,要URL(.. )

另外的的ToString()不应该是必要