创建元素背景图像

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);
}

我还有另一个问题，表中每个行之间都有空格。 这是我要附加到的 DOM 元素：

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

和 CSS

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

这些问题在 Chrome 和 FF @ ubuntu 11.04 中都会出现。 JavaScript 控制台中没有显示错误。

• 杰克

Answer 1

尝试 "url('gfx/tile_"+this.backgrounds[cell]+".png')" （在 URL 两边加上单引号）。