я использую следующее для установить текстовое содержание элемента CSS
var cell = document.createElement('li');
cell.textContent = this.labelForIndex(index);
Теперь я хочу установить фоновое изображение и окрасить....., как сделать это??
Вы можете использовать "версию карты" jQuery css метода:
$(cell).css({'background-image': 'url("your-bg.png")',
'background-color': '#abcdef'});
Но если вы можете (если фоновое изображение и цвет всегда одинаковы, например) использовать addClass
, как вам сказал karim79.
Use addClass
. Я думаю, что это менее многословно, более эффективно и красивее, плюс лучше (т.е. более удобно для сопровождения) держать определения стиля вне вашей реализации:
.prettyWithImage { background-image: url(/someimage.jpg); color: red }
$(cell).addClass('prettyWithImage');
Использование jQuery:
$(cell).css('background-image', 'url(image-location.jpg)').css('color', '#ABCDEF');