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使用drag效果实现自由拖拽div
Jun 11 Javascript
jquery实现带缩略图的全屏图片画廊效果实例
Jun 25 Javascript
利用Angularjs和bootstrap实现购物车功能
Aug 31 Javascript
js 输入框 正则表达式(菜鸟必看教程)
Feb 19 Javascript
jQuery事件_动力节点Java学院整理
Jul 05 jQuery
import与export在node.js中的使用详解
Sep 28 Javascript
浅谈Angular2 模块懒加载的方法
Oct 04 Javascript
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
Jul 31 jQuery
vuex的module模块用法示例
Nov 12 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
Apr 08 Javascript
vue中可编辑树状表格的实现代码
Oct 31 Javascript
Vue仿Bibibili首页的问题
Jan 21 Vue.js
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
JS 网站性能优化笔记
2011/05/24 PHP
PHP 读取Postgresql中的数组
2013/04/14 PHP
phpexcel导入excel数据使用方法实例
2013/12/24 PHP
smarty高级特性之对象的使用方法
2015/12/25 PHP
php bootstrap实现简单登录
2016/03/08 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
Laravel框架自定义公共函数的引入操作示例
2019/04/16 PHP
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
2013/04/19 Javascript
javascript函数重载解决方案分享
2014/02/19 Javascript
开发中可能会用到的jQuery小技巧
2014/03/07 Javascript
JS实现同时搜索百度和必应的方法
2015/01/27 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
jquery.tableSort.js表格排序插件使用方法详解
2020/08/12 Javascript
Vue源码学习之关于对Array的数据侦听实现
2019/04/23 Javascript
详解express使用vue-router的history踩坑
2019/06/05 Javascript
基于layui轮播图满屏是高度自适应的解决方法
2019/09/16 Javascript
jQuery高级编程之js对象、json与ajax用法实例分析
2019/11/01 jQuery
如何使用JavaScript实现无缝滚动自动播放轮播图效果
2020/08/20 Javascript
js前端传json后台接收‘‘被转为quot的问题解决
2020/11/12 Javascript
Python使用回溯法子集树模板解决迷宫问题示例
2017/09/01 Python
使用Python爬虫库BeautifulSoup遍历文档树并对标签进行操作详解
2020/01/25 Python
Python configparser模块常用方法解析
2020/05/22 Python
Python模块zipfile原理及使用方法详解
2020/08/04 Python
python 下载m3u8视频的示例代码
2020/11/11 Python
彻底弄明白CSS3的Media Queries(跨平台设计)
2010/07/27 HTML / CSS
世界领先的电子书网站:eBooks.com(在线购买小说、非小说和教科书)
2019/03/30 全球购物
维德科技C#面试题笔试题
2015/12/09 面试题
对象的序列化(serialization)类是面向流的,应如何将对象写入到随机存取文件中
2015/06/22 面试题
女大学生毕业找工作的自我评价
2013/10/03 职场文书
汽车运用工程毕业生自荐信
2013/10/29 职场文书
《哪吒闹海》教学反思
2014/02/28 职场文书
2015年化验室工作总结
2015/04/23 职场文书
预备党员入党感想
2015/08/10 职场文书
教师个人工作总结范文2015
2015/10/14 职场文书
幼儿教师远程研修感悟
2015/11/18 职场文书
python单向链表实例详解
2022/05/25 Python