javascript动态设置样式style实例分析

本文实例讲述了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.单独修改控件的样式

1.举例1

 
 
 .day
 {
 background-color:Green;
 }
 .night
 {
 background-color:Black;
 }
 
 


 
 中华人名共和国
 
 
 

2. 示例:动态修改style(模拟开灯，关灯)

 
 
 .day
 {
 background-color:White;
 }
 .night
 {
 background-color:Black;
 }
 
 

3. 示例：

希望本文所述对大家的javascript程序设计有所帮助。