如何用js控制css中的float的代码


Posted in Javascript onAugust 16, 2007

ie里面用styleFloat
其他用cssFloat

本文向大家简单介绍一下JS操作css的float属性的特殊写法,对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。

Js style float

JS操作css的float属性的特殊写法

使用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等。

这个规律我想大多数的前端开发者也都熟知。但在css中有一个特殊的属性其js使用方法比较特殊。这个特殊的属性就是:float。我们不能直接使用obj.style.float来使用,这样操作是无效的。

其正确的使用方法是为:IE:obj.style.styleFloat,其他浏览器:obj.style.cssFloat

Javascript 相关文章推荐
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
Mar 06 Javascript
ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
Jan 13 Javascript
javascript获得网页窗口实际大小的示例代码
Sep 21 Javascript
js从Cookies里面取值的简单实现
Jun 30 Javascript
js和jquery中循环的退出和继续下一个循环
Sep 03 Javascript
js实现点击图片将图片地址复制到粘贴板的方法
Feb 16 Javascript
javascript中Date()函数在各浏览器中的显示效果
Jun 18 Javascript
JS+CSS实现精美的二级导航效果代码
Sep 17 Javascript
轻松学习Javascript闭包函数
Dec 15 Javascript
Javascript中作用域的详细介绍
Oct 06 Javascript
微信小程序搜索组件wxSearch实例详解
Jun 08 Javascript
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
Mar 30 Javascript
javascript 函数式编程
Aug 16 #Javascript
总结AJAX相关JS代码片段和浏览器模型
Aug 15 #Javascript
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
Aug 15 #Javascript
用javascript实现给图片加链接
Aug 15 #Javascript
用javascript实现点击链接弹出"图片另存为"而不是直接打开
Aug 15 #Javascript
用js实现上传图片前的预览(TX的面试题)
Aug 14 #Javascript
用javascript实现在小方框中浏览大图的代码
Aug 14 #Javascript
You might like
php FPDF类库应用实现代码
2009/03/20 PHP
PHP 5.3.0 安装分析心得
2009/08/07 PHP
PHP 输出URL的快捷方式示例代码
2013/09/22 PHP
PHP使用array_fill定义多维数组的方法
2015/03/18 PHP
PHP上传文件参考配置大文件上传
2015/12/16 PHP
JavaScript 模式之工厂模式(Factory)应用介绍
2012/11/15 Javascript
javascript 日期时间 转换的方法
2013/02/21 Javascript
jquery中的$(document).ready()使用小结
2014/02/14 Javascript
基于jquery实现等比缩放图片
2014/12/03 Javascript
两种js监听滚轮事件的实现方法
2016/05/13 Javascript
关于webuploader插件使用过程遇到的小问题
2016/11/07 Javascript
JavaScript三种绑定事件方式及相互之间的区别分析
2017/01/10 Javascript
工厂模式在JS中的实践
2017/01/18 Javascript
老生常谈angularjs中的$state.go
2017/04/24 Javascript
Node.js 实现简单的接口服务器的实例代码
2017/05/23 Javascript
vue2.x 父组件监听子组件事件并传回信息的方法
2017/07/17 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
2019/04/10 Javascript
[04:05]TI9战队采访 - Natus Vincere
2019/08/22 DOTA
python通过定义一个类实例作为ftp回调方法
2015/05/04 Python
Python 正则表达式入门(初级篇)
2016/12/07 Python
PyTorch上搭建简单神经网络实现回归和分类的示例
2018/04/28 Python
python2与python3共存问题的解决方法
2018/09/18 Python
python爬虫 爬取58同城上所有城市的租房信息详解
2019/07/30 Python
使用python切片实现二维数组复制示例
2019/11/26 Python
Pytoch之torchvision.transforms图像变换实例
2019/12/30 Python
python实现实时视频流播放代码实例
2020/01/11 Python
绝对令人的惊叹的CSS3折叠效果(3D效果)整理
2012/12/30 HTML / CSS
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
高三自我鉴定怎么写
2013/10/19 职场文书
二手房买卖协议书
2014/04/10 职场文书
司法建议书范文
2014/05/13 职场文书
政协常委会议主持词
2015/07/03 职场文书
慰问信的写作格式及范文!
2019/06/24 职场文书
2019年“我为祖国点赞”演讲稿(3篇)
2019/09/26 职场文书
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python
Flutter集成高德地图并添加自定义Maker的实践
2022/04/07 Java/Android