其名称中带有“ - ”的Javascript样式变量无法更改？

好的，所以这个bug花了我相当多的时间和尴尬。似乎任何带有 - 名称的样式变量都不能被javascript修改。其名称中带有“ - ”的Javascript样式变量无法更改？

正如在这里看到：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>Class Test</title> 
     <meta charset="utf-8" /> 
     <style> 
      body { text-align: center; background-color: #ffffff;} 
      #box { position: absolute; left: 610px; top: 80px; height: 50px; width: 50px; background-color: #ff0000; color: #000000;} 
     </style> 

     <script type="text/javascript"> 
      var box = 0; 
     </script> 
    </head> 

    <body> 
     <div id="box" ></div> 
     <script type="text/javascript"> 
      box = document.getElementById('box'); 
      box.style.background-color = "#0000ff"; 
     </script> 

    </body> 
</html>

在

盒子说，例如将只停留红色。

那么，如何改变一个样式变量 - 在它的名字？

来源

2010-06-13 William