设置css元素的背景图像

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

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

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

Answer 1

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

Answer 2

你可以使用jQuery css方法的“map版本”：

 $(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');