当前位置:Gxlcms > JavaScript > javascript动态设置样式style实例分析_javascript技巧

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

时间:2021-07-01 10:21:17 帮助过:3人阅读

本文实例讲述了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

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

3. 示例:

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

人气教程排行