Я пытаюсь изменить цвет фона 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>
Вам не нужно указывать "красный",
+ Изменить
document.write("<li style='background-color:'"+color+"';'>");
//Single quote removed ^ ^
в
document.write("<li style='background-color:"+color+";'>");
Не заворачивайте цвет в кавычки.
document.write("<li style='background-color:" + color + ";'>");
// remove single quote here ^ ^
Вот рабочая ссылка Demo
Ваш код неверен. Измените этот параметр line-
document.write("<li style='background-color:"+color+";'>");
Это проверено и работает.
Удалите лишнюю одну цитату рядом с цветовой переменной
document.write("<li style='background-color:"+color+";'>");
document.write('<li style="background-color:'+color+';">');