Question

我尝试使用html中的listview变量在html中更改color的背景颜色，但它没有用，但是当我分配简单的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 + ";'>");   
// remove single quote here                 ^           ^

以下是工作链接Demo

Answer 2

您不需要引用＆＃34; red＆＃34;

更改

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

到

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

Answer 3

删除颜色变量附近的额外单引号

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

Answer 4

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

Answer 5

您的代码不正确。请更改此行 -

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

这是经过测试和运作的。

使用变量更改listview的背景颜色

5 个答案: