createElement背景圖片

Question

我想創建一個表寬度JavaScript和createElement（）。 我的問題是它沒有設置任何背景圖像（只是純白色）。 但是，如果我將innerHTML設置爲具有相同路徑的圖像標記，它就可以工作！

create : function() { 
    var tbody = document.createElement('tbody'); 
    for(i in this.map) { 
     var tr = document.createElement('tr'); 
     for(j in this.map[i]) { 
      var td = document.createElement('td'); 
      var cell = this.map[i][j]; 
      td.style.color = "red"; 
      console.log("gfx/tile_"+this.backgrounds[cell]+".png"); 
      td.style.backgroundImage = "url(gfx/tile_"+this.backgrounds[cell]+".png);"; 
      td.innerHTML = "j"; 
      tr.appendChild(td); 
     } 
     tbody.appendChild(tr); 
    } 
    this.gameDOMelm.appendChild(tbody); 
} 

我還有另一個問題，表中的每個ROW之間有空格。 這裏的DOM元素我追加到：

<table id="gameField" cellpadding="0" cellspacing="0"></table> 

而且出現這兩個問題在Chrome和FF @ Ubuntu的11.04 CSS

* {padding: 0; margin: 0;} 
    td { 
     min-width: 32px; 
     min-height: 32px; 
     width: 32px; 
     height: 32px; 
    } 

。 沒有錯誤顯示在JavaScript控制檯。

• 插孔

Answer 1

嘗試"url('gfx/tile_"+this.backgrounds[cell]+".png')"（與各地URL單引號）。