Set background image of css element

Question

i to set the text content of the css element

use the following:

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

Now I want to set the background image and color ..... how to do it?

Answer 1

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

Answer 2

Use addClass . I think it is less detailed, more efficient and beautiful, plus better (i.e., more convenient to maintain) so that your style definitions are outside your implementation:

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

Answer 3

You can use the "map version" of the jQuery css method:

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

But if you can (if the background image and color are always the same), use addClass , as karim79 told you.

Answer 4

Using jQuery:

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