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 相关文章推荐
JavaScript 学习笔记 Black.Caffeine 09.11.28
Nov 30 Javascript
jquery中的 $(&quot;#jb51&quot;)与document.getElementById(&quot;jb51&quot;) 的区别
Jul 26 Javascript
一个JQuery写的点击上下滚动的小例子
Aug 27 Javascript
jQuery渐变发光导航菜单的实例代码
Mar 27 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
Mar 13 Javascript
Ionic如何创建APP项目
Jun 03 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
Jun 23 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
Dec 30 Javascript
详解微信小程序入门五: wxml文件引用、模版、生命周期
Jan 20 Javascript
JS操作xml对象转换为Json对象示例
Mar 25 Javascript
vue使用axios跨域请求数据问题详解
Oct 18 Javascript
vue界面发送表情的实现代码
Sep 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
无线电广播与收音机发展的历史回眸
2021/03/02 无线电
通过源码解析Laravel的依赖注入
2018/01/22 PHP
基于jquery的划词搜索实现(备忘)
2010/09/14 Javascript
jQuery 源码分析笔记(3) Deferred机制
2011/06/19 Javascript
javascript自适应宽度的瀑布流实现思路
2013/02/20 Javascript
JavaScript基于ajax编辑信息用法实例
2015/07/15 Javascript
javascript跨域总结之window.name实现的跨域数据传输
2015/11/01 Javascript
再谈JavaScript异步编程
2016/01/27 Javascript
Node.js程序中的本地文件操作用法小结
2016/03/06 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
利用Node.js编写跨平台的spawn语句详解
2017/02/12 Javascript
微信小程序多音频播放进度条问题
2018/08/28 Javascript
python如何实现远程控制电脑(结合微信)
2015/12/21 Python
Python AES加密模块用法分析
2017/05/22 Python
Python3.4学习笔记之列表、数组操作示例
2019/03/01 Python
Pandas时间序列基础详解(转换,索引,切片)
2020/02/26 Python
Python *args和**kwargs用法实例解析
2020/03/02 Python
Ubuntu18.04安装 PyCharm并使用 Anaconda 管理的Python环境
2020/04/08 Python
使用Keras预训练好的模型进行目标类别预测详解
2020/06/27 Python
Python logging日志模块 配置文件方式
2020/07/12 Python
纯css3实现的动画按钮的实例教程
2014/11/17 HTML / CSS
美国最大点评网站:Yelp
2018/02/14 全球购物
SportsDirect.com马来西亚:英国第一体育零售商
2018/11/21 全球购物
荷兰浴室和卫浴网上商店:Badkamerxxl.nl
2020/10/06 全球购物
光盘行动倡议书
2014/02/02 职场文书
三分钟英语演讲稿
2014/04/24 职场文书
安全责任书范文
2014/08/25 职场文书
2014年商场国庆节活动策划方案
2014/09/16 职场文书
甜品店创业计划书
2014/09/21 职场文书
居委会个人对照检查材料思想汇报
2014/09/29 职场文书
考试作弊检讨
2015/01/27 职场文书
教师学期末个人总结
2015/02/13 职场文书
旅游项目合作意向书
2015/05/08 职场文书
讲座开场白台词和结束语
2015/05/29 职场文书
2016五四青年节活动总结范文
2016/04/06 职场文书
JavaScript实现优先级队列
2021/12/06 Javascript