css的属性名如果带中划线为什么不能通过javascript理改，高手帮帮忙!

[panther8888]

网页中有如下内容:
<div id = 'test">test</div>
<input type = "button" name = "button1" value = "更改前景色" onclick = "test.style.color = 'red';" /input>
<input type = "button" name = "button2" value = "更改背景色" onclick = "test.style.background-color = 'green';" /input>
为什更改前景色可以而理改背景色却不行呢？请高手指点。

[hbhbhbhbhb1021]

<div id = "test">test</div>
<input type = "button" name = "button1" value = "更改前景色" onclick = "test.style.color = 'red';">
<input type = "button" name = "button2" value = "更改背景色" onclick = "test.style.backgroundColor = 'green';">

[ice_berg16]

所有带连线的属性都转成camelize的形式
background-color => backgroundColor
text-align => textAlign

[panther8888]

是不是把连线和连线后边的字母一起转换成一个大写字母就行了啊？

[panther8888]

谢稿两大侠，结贴了。