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 相关文章推荐
解决表单中第一个非隐藏的元素获得焦点的一个方案
Oct 26 Javascript
ExtJS判断IE浏览器类型的方法
Feb 10 Javascript
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
Aug 21 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件包装
Nov 20 Javascript
使用JQuery中的trim()方法去掉前后空格
Sep 16 Javascript
js 颜色选择插件
Jan 23 Javascript
浅谈在vue项目中如何定义全局变量和全局函数
Oct 24 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
JS使用iView的Dropdown实现一个右键菜单
May 06 Javascript
用js简单提供增删改查接口
May 12 Javascript
微信小程序通过一个json实现分享朋友圈图片
Sep 03 Javascript
vuex存储token示例
Nov 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
关于UEditor编辑器远程图片上传失败的解决办法
2012/08/31 PHP
php将mysql数据库整库导出生成sql文件的具体实现
2014/01/08 PHP
php基于socket实现SMTP发送邮件的方法
2015/03/05 PHP
laravel实现上传图片并在页面显示的例子
2019/10/14 PHP
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
2011/01/12 Javascript
jquery实现Ctrl+Enter提交表单的方法
2015/07/21 Javascript
详解JavaScript的回调函数
2015/11/20 Javascript
jquery拖拽排序简单实现方法(效果增强版)
2016/02/16 Javascript
使用plupload自定义参数实现多文件上传
2016/07/19 Javascript
详解vue-cli 脚手架项目-package.json
2017/07/04 Javascript
关于javascript sort()排序你可能忽略的一点理解
2017/07/18 Javascript
JavaScript实现简单生成随机颜色的方法
2017/09/21 Javascript
微信小程序以ssm做后台开发的实现示例
2020/04/08 Javascript
javascript实现时钟动画
2020/12/03 Javascript
Python实现的几个常用排序算法实例
2014/06/16 Python
Python字符串匹配之6种方法的使用详解
2019/04/08 Python
keras获得model中某一层的某一个Tensor的输出维度教程
2020/01/24 Python
python 数据库查询返回list或tuple实例
2020/05/15 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
keras实现多GPU或指定GPU的使用介绍
2020/06/17 Python
keras实现VGG16方式(预测一张图片)
2020/07/07 Python
HTML5中如何显示视频呢 HTML5视频播放demo
2013/06/08 HTML / CSS
使用canvas对多图片拼合并导出图片的方法
2018/08/28 HTML / CSS
台湾东南旅游社网站:东南旅游
2019/02/11 全球购物
请解释流与文件有什么不同
2016/07/29 面试题
linux面试题参考答案(5)
2014/09/01 面试题
大学生实习期自我评价范文
2013/10/03 职场文书
高中毕业自我鉴定
2013/12/19 职场文书
大三学习计划书范文
2014/05/02 职场文书
班级活动总结格式
2014/08/30 职场文书
小学生田径运动会广播稿
2014/09/11 职场文书
2014年党小组工作总结
2014/12/20 职场文书
2019年大学生职业生涯规划书最新范文
2019/03/25 职场文书
MATLAB 如何求取离散点的曲率最大值
2021/04/16 Python
详解python网络进程
2021/06/15 Python
python全面解析接口返回数据
2022/02/12 Python