本文实例讲述了javascript动态设置样式style的方法。分享给大家供大家参考。具体分析如下：

动态修改style

1.易错:修改元素的样式不是设置class属性，而是className属性.

2.易错:单独修改样式的属性使用"style.属性名".注意在css中属性名在javascript中

操作的时候属性名可能不一样，主要集中在那些属性名中含有-的属性，因为

javascript中-是不能做属性，类名的。所以在CSS中背景色是background-clolor,而javascript中则是style.background;元素样式名是class，在javascript中是className属性;font-size->style.fontSize;margin-top->style.marginTop

3.单独修改控件的样式<input type="button" value="AAA" onclick="this.style.color='red'" />

1.举例1

?

1