js动态调用css属性的小规律及实例说明


Posted in Javascript onDecember 28, 2013

刚才看到一篇好的文章介绍js调用css属性,( ^_^ )不错嘛!免的自己忘记,总结一下

1、对于没有中划线的css属性一般直接使用style.属性名即可。

如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position等。

2、对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。

如:obj.style.marginTop,obj.style.borderLeftWidth,obj.style.zIndex,obj.style.fontFamily等。

因为float是Javascript的保留字,那怎么在js中书写样式表中的float呢?

我们不能直接使用obj.style.float来使用,这样操作是无效的。

其正确的使用方法是为:IE:obj.style.styleFloat,其他浏览器Mozilla(gecko),ff等用styleFloat:obj.style.cssFloat。

给个例子让大家好理解:

<div onclick="alert(this.style.float);  
this.style.float='left';  
alert(this.style.float);">测试1</div> 
<div onclick="alert(this.style.float);  
if(this.style.cssFloat){this.style.cssFloat='left';  
}else{this.style.styleFloat='left';  
}alert(this.style.float);">测试2</div> 
Javascript 相关文章推荐
select 控制网页内容隐藏于显示的实现代码
May 25 Javascript
javascript动态加载二
Aug 22 Javascript
JS随即打乱数组实现代码
Dec 03 Javascript
jquery选择器、属性设置用法经验总结
Sep 08 Javascript
JS中的form.submit()不能提交表单的错误原因
Oct 08 Javascript
分享一款基于jQuery的视频播放插件
Oct 09 Javascript
PHP结合jQuery实现红蓝投票功能特效
Jul 22 Javascript
jQuery实现的简单分页示例
Jun 01 Javascript
详解vue-resource promise兼容性问题
Jun 20 Javascript
javascript获取指定区间范围随机数的方法
Sep 08 Javascript
Vue中使用webpack别名的方法实例详解
Jun 19 Javascript
vue组件暴露和.js文件暴露接口操作
Aug 11 Javascript
JQuery的$命名冲突详细解析
Dec 28 #Javascript
js中call与apply的用法小结
Dec 28 #Javascript
SinaEditor使用方法详解
Dec 28 #Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
Dec 28 #Javascript
jqGrid随窗口大小变化自适应大小的示例代码
Dec 28 #Javascript
jQuery对Select的操作大集合(收藏)
Dec 28 #Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
Dec 28 #Javascript
You might like
详谈PHP编码转换问题
2015/07/28 PHP
PHP使用Mysqli类库实现完美分页效果的方法
2016/04/07 PHP
php array_key_exists() 与 isset() 的区别
2016/10/24 PHP
PHP mkdir创建文件夹实现方法解析
2020/11/13 PHP
解决 FireFox 下[使用event很麻烦] 的问题.
2006/08/22 Javascript
JavaScript 权威指南(第四版) 读书笔记
2009/08/11 Javascript
JS+XML 省份和城市之间的联动实现代码
2009/10/14 Javascript
select标签模拟/美化方法采用JS外挂式插件
2013/04/01 Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
2015/03/25 Javascript
JavaScript实现简单获取当前网页网址的方法
2015/11/09 Javascript
jQuery实现简单的回到顶部totop功能示例
2017/10/16 jQuery
深入浅析Vue全局组件与局部组件的区别
2018/06/15 Javascript
微信小程序实现左右联动的实战记录
2018/07/05 Javascript
总结4个方面优化Vue项目
2019/02/11 Javascript
js实现简单的倒计时
2021/01/28 Javascript
[57:41]Secret vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python中itertools模块用法详解
2014/09/25 Python
Python读取mp3中ID3信息的方法
2015/03/05 Python
Python判断telnet通不通的实例
2019/01/26 Python
Django返回HTML文件的实现方法
2020/09/17 Python
Django通过设置CORS解决跨域问题
2020/11/26 Python
高中生自我鉴定范文
2013/10/30 职场文书
销售行政专员职责
2014/01/03 职场文书
商务会议邀请函
2014/01/09 职场文书
小学英语教学反思
2014/01/30 职场文书
银行优秀员工事迹材料
2014/05/29 职场文书
2015年春节标语口号
2014/12/09 职场文书
技术支持岗位职责
2015/02/13 职场文书
大学生求职自荐信范文
2015/03/04 职场文书
成品仓管员岗位职责
2015/04/01 职场文书
红色故事汇观后感
2015/06/18 职场文书
2015年中学图书馆工作总结
2015/07/22 职场文书
2016年教师节贺卡寄语
2015/12/04 职场文书
《怀念母亲》教学反思
2016/02/19 职场文书
Python 中的单分派泛函数你真的了解吗
2021/06/22 Python
MySQL 主从复制数据不一致的解决方法
2022/03/18 MySQL