欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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程序设计有所帮助。