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中实现暂停的几篇文章
Mar 04 Javascript
javascript下判断一个对象是否具有指定名称的属性的的代码
Jan 11 Javascript
使用IE6看老赵的博客 jQuery初探
Jan 17 Javascript
JavaScript 继承机制的实现(待续)
May 18 Javascript
JavaScript内核之基本概念
Oct 21 Javascript
浅谈javascript中基本包装类型
Jun 03 Javascript
浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题
Oct 10 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单
Nov 25 Javascript
完全深入学习Bootstrap表单
Nov 28 Javascript
JavaScript实现星星等级评价功能
Mar 22 Javascript
使用prop解决一个checkbox选中后再次选中失效的问题
Jul 05 Javascript
详解如何用babel转换es6的class语法
Apr 03 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文章采集URL补全函数(FormatUrl)
2012/08/02 PHP
PHP递归创建多级目录
2015/11/05 PHP
PHP表单数据写入MySQL数据库的代码
2016/05/31 PHP
PHP7 新特性详细介绍
2016/09/06 PHP
js模拟点击以提交表单为例兼容主流浏览器
2013/11/29 Javascript
Jquery在指定DIV加载HTML示例代码
2014/02/17 Javascript
JavaScript闭包详解
2015/02/02 Javascript
jquery实现鼠标滑过显示提示框的方法
2015/02/05 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
2015/10/31 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
2016/08/17 Javascript
JS如何生成一个不重复的ID的函数
2016/12/25 Javascript
jQuery动态生成表格及右键菜单功能示例
2017/01/13 Javascript
利用angularjs1.4制作的简易滑动门效果
2017/02/28 Javascript
详解Vue Elememt-UI构建管理后台
2018/02/27 Javascript
node实现的爬虫功能示例
2018/05/04 Javascript
Python中的ceil()方法使用教程
2015/05/14 Python
python字符串中的单双引
2017/02/16 Python
浅谈python中的正则表达式(re模块)
2017/10/17 Python
解决python3中的requests解析中文页面出现乱码问题
2019/04/19 Python
在Python中append以及extend返回None的例子
2019/07/20 Python
css3 transform及原生js实现鼠标拖动3D立方体旋转
2016/06/20 HTML / CSS
C#中的验证控件有几种
2014/03/08 面试题
Python里面如何拷贝一个对象
2014/02/17 面试题
最新自我评价范文
2013/11/16 职场文书
2014信息公开实施方案
2014/02/22 职场文书
材料专业毕业生求职信
2014/02/26 职场文书
团队经理竞聘书
2014/03/31 职场文书
八一建军节演讲稿
2014/09/10 职场文书
2015共产党员公开承诺书
2015/01/22 职场文书
在职证明书模板
2015/06/15 职场文书
2016先进集体事迹材料范文
2016/02/25 职场文书
小学语文教师竞聘演讲稿范文
2019/08/09 职场文书
导游词之张家界
2019/10/31 职场文书
几款流行的HTML5 UI框架比较(小结)
2021/04/08 HTML / CSS
在js中修改html body的样式
2021/11/11 Javascript
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/07 PostgreSQL