改變他的ListView的背景顏色採用可變

Question

我嘗試使用HTML color變量改變listview背景色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> 

Answer 1

您不必引用 「紅」

變化

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

到

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

Answer 2

在引號不要換顏色。

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

這裏是工作鏈路Demo

Answer 3

刪除多餘的一個單引號可變色附近

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

Answer 4

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

Answer 5

你的代碼是incorrect.Change這LINE-

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

這是測試和w工作會有。