изменить цвет фона списка с помощью переменной

0

Я пытаюсь изменить цвет фона listview в html с помощью color переменной в html, но ее не работает, но когда я назначаю простой background-color:red; то он работает, но я хочу изменить цвет с помощью color переменной.

   <ul>

   <script>

var d = new Date();
var d = new Date();

var weekday=new Array(7);
weekday[0]="Sunday";
weekday[1]="Monday";
weekday[2]="Tuesday";
weekday[3]="Wednesday";
weekday[4]="Thursday";
weekday[5]="Friday";
weekday[6]="Saturday";

var color="red";
var day=d.getDay();

  for(var i=0;i<7;i++)
  {

  if(day==7)
 day=0;
 document.write("<li style='background-color:'"+color+"';'>");   

  document.write(weekday[day]); document.write("</li>");
 day++;

 }  
 </script>
 </ul>

   }        
   </script>

    </ul>

   </body>
   </html>
Теги:
colors

5 ответов

0
Лучший ответ

Вам не нужно указывать "красный",

+ Изменить

document.write("<li style='background-color:'"+color+"';'>");   
//Single quote removed                      ^         ^                    

в

document.write("<li style='background-color:"+color+";'>");
  • 0
    спасибо его работа
1

Не заворачивайте цвет в кавычки.

document.write("<li style='background-color:" + color + ";'>");   
// remove single quote here                 ^           ^

Вот рабочая ссылка Demo

0

Ваш код неверен. Измените этот параметр line-

document.write("<li style='background-color:"+color+";'>"); 

Это проверено и работает.

0

Удалите лишнюю одну цитату рядом с цветовой переменной

document.write("<li style='background-color:"+color+";'>");
0
document.write('<li style="background-color:'+color+';">'); 

Ещё вопросы

Сообщество Overcoder
Наверх
Меню