фоновое изображение createElement - PullRequest
Новая
       3

фоновое изображение createElement

3 голосов
/ 15 мая 2011

Я пытаюсь создать таблицу шириной javascript и createElement (). Моя проблема в том, что он не устанавливает никакого фонового изображения (просто белое). Однако, если я установил innerHTML тега image с таким же путем, это сработает! 

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 ошибки не отображаются.

  • домкрат

1 Ответ

3 голосов
/ 15 мая 2011

Попробуйте "url('gfx/tile_"+this.backgrounds[cell]+".png')" (с одинарными кавычками вокруг URL).

...