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>

和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')"（网址附带单引号）。

createElement背景图片

1 个答案: