ensemble background image d'un élément css

Question

i utiliser ce qui suit pour de définir le contenu du texte d'un élément css

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

Maintenant, je veux définir l'image d'arrière-plan et la couleur ..... comment fais le??

Answer 1

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

Answer 2

En utilisant jQuery:

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

Answer 3

Utilisez addClass. Je pense qu'il est moins bavard, plus efficace et plus joli, plus il est meilleur (plus maintenable) pour garder vos définitions de style en dehors de votre implémentation:

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

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

Answer 4

Vous pouvez utiliser la version « carte » de jQuery css méthode:

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

Mais si vous pouvez (si l'image d'arrière-plan et la couleur est toujours la même, par exemple) utiliser addClass comme karim79 vous dit.