-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 に答える