javascript动态设置样式style实例分析_javascript技巧
程序员文章站
2022-06-06 14:10:21
...
本文实例讲述了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
动态修改style 中华人名*
2. 示例:动态修改style(模拟开灯,关灯)
3. 示例:
动态设置style练习(修改文本框背景色)
希望本文所述对大家的javascript程序设计有所帮助。
推荐阅读
-
用javascript getComputedStyle获取和设置style的原理_javascript技巧
-
javascript格式化json显示实例分析_javascript技巧
-
JavaScript 事件冒泡应用实例分析_javascript技巧
-
js控制不同的时间段显示不同的css样式的实例代码_javascript技巧
-
JavaScript中函数声明优先于变量声明的实例分析_javascript技巧
-
js批量设置样式的三种方法不推荐使用with_javascript技巧
-
javaScript 读取和设置文档元素的样式属性_javascript技巧
-
Javascript判断图片尺寸大小实例分析_javascript技巧
-
javascript格式化json显示实例分析_javascript技巧
-
javascript包装对象实例分析_javascript技巧