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子属性过滤选择器用法分析
Feb 10 Javascript
js中setTimeout()与clearTimeout()用法实例浅析
May 12 Javascript
全面解析Bootstrap中Carousel轮播的使用方法
Jun 13 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
Sep 05 Javascript
JavaScript 数据类型详解
Mar 13 Javascript
Windows安装Node.js报错:2503、2502的解决方法
Oct 25 Javascript
JavaScript实现修改伪类样式
Nov 27 Javascript
解决循环中setTimeout执行顺序的问题
Jun 20 Javascript
vue单文件组件lint error自动fix与styleLint报错自动fix详解
Jan 08 Javascript
详解小程序退出页面时清除定时器
Apr 28 Javascript
学习LayUI时自研的表单参数校验框架案例分析
Jul 29 Javascript
原生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下删除一篇文章生成的多个静态页面
2010/08/08 PHP
php学习笔记(三)操作符与控制结构
2011/08/06 PHP
xml在joomla表单中的应用详解分享
2012/07/19 PHP
php正则替换处理HTML页面的方法
2015/06/17 PHP
PHP获取ttf格式文件字体名的方法示例
2019/03/06 PHP
tp5.1 框架数据库常见操作详解【添加、删除、更新、查询】
2020/05/26 PHP
爆炸式的JS圆形浮动菜单特效代码
2010/03/03 Javascript
jQuery EasyUI 开源插件套装 完全替代ExtJS
2010/03/24 Javascript
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
2011/01/09 Javascript
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
2011/03/17 Javascript
IE 当eval遇上function的处理
2011/08/09 Javascript
javascript中onclick(this)用法介绍
2013/04/19 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
2013/12/05 Javascript
JavaScript中DOM详解
2015/04/13 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
AngularJS 作用域详解及示例代码
2016/08/17 Javascript
基于模板引擎Jade的应用(详解)
2017/12/12 Javascript
Vue数字输入框组件的使用方法
2019/10/19 Javascript
关于在LayUI中使用AJAX提交巨坑记录
2019/10/25 Javascript
使用Karma做vue组件单元测试的实现
2020/01/16 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
2020/12/07 Vue.js
Python计算两个日期相差天数的方法示例
2017/05/23 Python
Python虚拟环境项目实例
2017/11/20 Python
浅谈Series和DataFrame中的sort_index方法
2018/06/07 Python
python利用微信公众号实现报警功能
2018/06/10 Python
python自动发送测试报告邮件功能的实现
2019/01/22 Python
Python使用grequests并发发送请求的示例
2020/11/05 Python
Java程序开发中如何应用线程
2016/03/03 面试题
中学生班主任评语
2014/01/30 职场文书
党风廉设责任书
2014/04/16 职场文书
团支部推优材料
2014/05/21 职场文书
2014年教师党员自我评价范文
2014/09/22 职场文书
2014年组织委员工作总结
2014/12/01 职场文书
《藏戏》教学反思
2016/02/23 职场文书
Redis分布式锁的7种实现
2022/04/01 Redis