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 相关文章推荐
JQuery实现简单验证码提示解决方案
Dec 20 Javascript
JS文本获得焦点清除文本文字的示例代码
Jan 13 Javascript
javascript模拟评分控件实现方法
May 13 Javascript
JavaScript中for循环的使用详解
Jun 03 Javascript
Javascript实现鼠标右键特色菜单
Aug 04 Javascript
JavaScript实现倒计时代码段Item1(非常实用)
Nov 03 Javascript
微信公众平台开发教程(四) 实例入门:机器人回复(附源码)
Dec 02 Javascript
Vue实现动态显示textarea剩余字数
May 22 Javascript
详解Vue-axios 设置请求头问题
Dec 06 Javascript
js中console在一行内打印字符串和对象的方法
Sep 10 Javascript
基于javascript实现贪吃蛇经典小游戏
Apr 10 Javascript
vue中可编辑树状表格的实现代码
Oct 31 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的Yii框架中Model模型的学习教程
2016/03/29 PHP
laravel 实现用户登录注销并限制功能
2019/10/24 PHP
JavaScript游戏之是男人就下100层代码打包
2010/11/08 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
2013/01/29 Javascript
js限制文本框只能输入数字方法小结
2014/06/16 Javascript
node.js中的http.response.getHeader方法使用说明
2014/12/14 Javascript
AJAX和jQuery动态加载数据的实现方法
2016/12/05 Javascript
jquery与js实现全选功能的区别
2017/06/11 jQuery
Vue.js列表渲染绑定jQuery插件的正确姿势
2017/06/29 jQuery
vue.js实现点击后动态添加class及删除同级class的实现代码
2018/04/04 Javascript
vue使用ajax获取后台数据进行显示的示例
2018/08/09 Javascript
基于js实现数组相邻元素上移下移
2020/05/19 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
2020/07/18 Javascript
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
2020/07/24 Javascript
[00:23]DOTA2群星共贺开放测试 25日无码时代来袭
2013/09/23 DOTA
[01:13]2014DOTA2西雅图邀请赛 舌尖上的TI4
2014/07/08 DOTA
python读取csv文件示例(python操作csv)
2014/03/11 Python
python输出当前目录下index.html文件路径的方法
2015/04/28 Python
Python之Scrapy爬虫框架安装及使用详解
2017/11/16 Python
Python二进制串转换为通用字符串的方法
2018/07/23 Python
Selenium元素的常用操作方法分析
2018/08/10 Python
基于Python实现定时自动给微信好友发送天气预报
2018/10/25 Python
Django数据库类库MySQLdb使用详解
2019/04/28 Python
用Cython加速Python到“起飞”(推荐)
2019/08/01 Python
numpy ndarray 取出满足特定条件的某些行实例
2019/12/05 Python
使用Python制作新型冠状病毒实时疫情图
2020/01/28 Python
python实现扫雷游戏
2020/03/03 Python
关于tensorflow softmax函数用法解析
2020/06/30 Python
Python常用断言函数实例汇总
2020/11/30 Python
Python 找出英文单词列表(list)中最长单词链
2020/12/14 Python
python 利用百度API识别图片文字(多线程版)
2020/12/14 Python
明星员工获奖感言
2014/08/14 职场文书
银行贷款收入证明
2014/10/17 职场文书
贷款担保书
2015/01/20 职场文书
python 爬取天气网卫星图片
2021/06/07 Python
javascript Number 与 Math对象的介绍
2021/11/17 Javascript