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 相关文章推荐
JScript中的&quot;this&quot;关键字使用方式补充材料
Mar 08 Javascript
JavaScript 未结束的字符串常量常见解决方法
Jan 24 Javascript
javascript学习笔记(一) 在html中使用javascript
Jun 18 Javascript
什么是json和jsonp,jQuery json实例详详细说明
Dec 11 Javascript
jQuery实现contains方法不区分大小写的方法
Feb 13 Javascript
Javascript通过overflow控制列表闭合与展开的方法
May 15 Javascript
微信小程序 地图map实例详解
Jun 07 Javascript
electron demo项目npm install安装失败的解决方法
Feb 06 Javascript
vue组件中使用props传递数据的实例详解
Apr 08 Javascript
jQuery 实现批量提交表格多行数据的方法
Aug 09 jQuery
angularJs中orderBy筛选以及filter过滤数据的方法
Sep 30 Javascript
开发中常用的25个JavaScript单行代码(小结)
Jun 28 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 CURL CURLOPT参数说明(curl_setopt)
2013/09/30 PHP
php中关于长度计算容易混淆的问题分析
2016/05/27 PHP
yii2.0实现创建简单widgets示例
2016/07/18 PHP
PHP使用正则表达式实现过滤非法字符串功能示例
2018/06/04 PHP
javascript网页关闭时提醒效果脚本
2008/10/22 Javascript
js取得url地址参数实例
2013/02/22 Javascript
tangram框架响应式加载图片方法
2013/11/21 Javascript
javaScript使用EL表达式的几种方式
2014/05/27 Javascript
javascript函数声明和函数表达式区别分析
2014/12/02 Javascript
Nodejs中session的简单使用及通过session实现身份验证的方法
2016/02/04 NodeJs
javascript用正则表达式过滤空格的实现代码
2016/06/14 Javascript
AngularJs ng-route路由详解及实例代码
2016/09/14 Javascript
AngularJs表单验证实例代码解析
2016/11/29 Javascript
深入了解JavaScript的逻辑运算符(与、或)
2016/12/20 Javascript
Angular.js实现动态加载组件详解
2017/05/28 Javascript
JS实现小球的弹性碰撞效果
2017/11/11 Javascript
JavaScript常见JSON操作实例分析
2018/08/08 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
2018/08/30 Javascript
jQuery实现表格隔行换色
2018/09/01 jQuery
AjaxFileUpload.js实现异步上传文件功能
2019/04/19 Javascript
python实现进程间通信简单实例
2014/07/23 Python
Python单元测试框架unittest简明使用实例
2015/04/13 Python
在Python中使用itertools模块中的组合函数的教程
2015/04/13 Python
Python结巴中文分词工具使用过程中遇到的问题及解决方法
2017/04/15 Python
Python描述符descriptor使用原理解析
2020/03/21 Python
css3气泡 css3关键帧动画创建的动态通知气泡
2013/02/26 HTML / CSS
Marc Jacobs彩妆官网:Marc Jacobs Beauty
2017/07/03 全球购物
英国卫浴商店:Ergonomic Design
2019/09/22 全球购物
沙特阿拉伯排名第一的在线时尚购物应用程序:1Zillion
2020/08/08 全球购物
制药工程专业毕业生推荐信
2013/12/24 职场文书
优秀社区干部事迹材料
2014/02/03 职场文书
《美丽的公鸡》教学反思
2014/02/25 职场文书
保姆聘用合同
2015/09/21 职场文书
python字符串的一些常见实用操作
2022/04/06 Python
MySQL事务的隔离级别详情
2022/07/15 MySQL
html原生table实现合并单元格以及合并表头的示例代码
2023/05/07 HTML / CSS