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 相关文章推荐
extjs 学习笔记(三) 最基本的grid
Oct 15 Javascript
关于this和self的使用说明
Aug 01 Javascript
jquery中load方法的用法及注意事项说明
Feb 22 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
Jan 19 Javascript
简单模拟node.js中require的加载机制
Oct 27 Javascript
Angularjs的$http异步删除数据详解及实例
Jul 27 Javascript
探究react-native 源码的图片缓存问题
Aug 24 Javascript
BootStrap实现文件上传并带有进度条效果
Sep 11 Javascript
说说AngularJS中的$parse和$eval的用法
Sep 14 Javascript
详解javascript 正则表达式之分组与前瞻匹配
May 30 Javascript
解决Vue中 父子传值 数据丢失问题
Aug 27 Javascript
JS数组splice操作实例分析
Oct 12 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
星际争霸秘籍
2020/03/04 星际争霸
学习php设计模式 php实现抽象工厂模式
2015/12/07 PHP
PHP云打印类完整示例
2016/10/15 PHP
可兼容php5与php7的cURL文件上传功能实例分析
2018/05/11 PHP
DOM精简教程
2006/10/03 Javascript
Javascript的一种模块模式
2010/09/08 Javascript
基于jquery的一行代码轻松实现拖动效果
2010/12/28 Javascript
jQuery 阴影插件代码分享
2012/01/09 Javascript
搭建pomelo 开发环境
2014/06/24 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
2014/08/27 Javascript
node.js中的fs.unlinkSync方法使用说明
2014/12/15 Javascript
jQuery实现的向下图文信息滚动效果
2015/05/03 Javascript
javascript中的Function.prototye.bind
2015/06/25 Javascript
Bootstrap每天必学之表格
2015/11/23 Javascript
jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)
2016/02/25 Javascript
jQuery实现最简单实用的分秒倒计时
2017/02/05 Javascript
vue中v-show和v-if的异同及v-show用法
2019/06/06 Javascript
Javascript组合继承方法代码实例解析
2020/04/02 Javascript
javascript实现简易计算器功能
2020/09/23 Javascript
[01:10:57]Liquid vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
用Python的Flask框架结合MySQL写一个内存监控程序
2015/11/07 Python
使用python实现链表操作
2018/01/26 Python
python简单商城购物车实例代码
2018/03/15 Python
Django app配置多个数据库代码实例
2019/12/17 Python
世界顶级足球门票网站:Live Football Tickets
2017/10/14 全球购物
便携式太阳能系统的创新者:GOAL ZERO
2018/02/04 全球购物
浙大网新C/C++面试解惑
2015/05/27 面试题
小学学校门卫岗位职责
2014/08/03 职场文书
银行给客户的感谢信
2015/01/23 职场文书
个人自荐书范文
2015/03/09 职场文书
小学课改工作总结
2015/08/13 职场文书
优秀教师主要事迹材料
2015/11/04 职场文书
2016年七夕爱情寄语
2015/12/04 职场文书
中职班主任培训心得体会
2016/01/07 职场文书
Python控制台输出俄罗斯方块的方法实例
2021/04/17 Python
教你快速开启Apache SkyWalking的自监控
2021/04/25 Servers