设置css元素的背景图像

Question

我使用以下内容来设置css元素的文本内容

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

现在我想设置背景图像和颜色.....怎么做？

Answer 1

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

Answer 2

使用addClass 。 我认为它更简洁，更高效，更漂亮，而且更好（即更易于维护）将样式定义保留在实现之外：

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

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

Answer 3

您可以使用jQuery css方法的“地图版本”：

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

但是，如果可以（例如背景图像和颜色总是相同）使用addClass作为karim79告诉你。

Answer 4

使用jQuery：

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