установить фоновое изображение элемента CSS

Question

я использую следующее для установки текстового содержимого элемента css

var cell = document.createElement('li');
        cell.textContent = this.labelForIndex(index);

Теперь я хочу установить фоновое изображение и цвет ..... как это сделать ??

Answer 1

$(cell).css("background-image","url('mybg.png)");

Answer 2

Вы можете использовать «версию карты» метода jQuery css:

$(cell).css({'background-image': 'url("your-bg.png")',
             'background-color': '#abcdef'});

Но если вы можете (например, если фоновое изображение и цвет всегда одинаковы), используйте addClass, как вам сказал karim79.

Answer 3

Использование addClass. Я думаю, что он менее многословен, более эффективен и красивее, плюс лучше (то есть, более легко обслуживать) держать определения стиля вне вашей реализации:

.prettyWithImage { background-image: url(/someimage.jpg); color: red }

$(cell).addClass('prettyWithImage');

Answer 4

Использование jQuery:

$(cell).css('background-image', 'url(image-location.jpg)').css('color', '#ABCDEF');