日期:2014-05-17  浏览次数:20623 次

前台、后台动态控制CSS

做拨号系统,正在尽可能多的使用javascript实现,积累中。。。

 

前台,通过Javascript

一、局部改变样式,分为改变直接样式,改变className和改变cssText三种。

需要注意点是,javascript对大小写敏感,采用驼峰命名规范。className不能够把"N"写成"n",cssText也不能够把"T"写成"t",否则无法实现效果。

 

改变className,使用时不要跟style,例如:

 document.getElementById('obj').style.className="…"的写法是错误的!

 document.getElementById('obj').className="…"才是正确的写法!

 

改变cssText

但是如果用cssText的话,必须加上style,正确的写法是:

 document.getElementById('obj').style.cssText="width:20px;border:solid 1px #f00;";

 

改变直接样式

 document.getElementById('obj').style.backgroundColor="#003366″//使用$().style.color浏览器会报错,提示:style is not defined