2013-05-15 319 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()不應該是必要