conjunto de imágenes de fondo de un elemento css

Question

utilizo el siguiente para establecer el contenido de texto de un elemento css

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

Ahora quiero fijar la imagen de fondo y el color ..... cómo ¿¿hazlo??

Answer 1

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

Answer 2

Usando jQuery:

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

Answer 3

Uso addClass. Creo que es menos detallado, más eficiente, y más bonita, además de que es mejor (es decir, más mantenible) para mantener sus definiciones de estilo exterior de su aplicación:

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

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

Answer 4

Puede utilizar la versión "mapa" de jQuery css método:

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

Pero si usted puede (si la imagen de fondo y el color es siempre la misma, por ejemplo) utiliza addClass como karim79 lo ha recomendado.