JS控制css float属性的用法经验总结
2015-07-24 15:47
651 查看
JavaScript与CSS属性的控制网上很常见,因此来说用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中有一个特殊的属性,确实比较特殊,这个属性就是:float。我们不能直接使用obj.style.float来使用,因为这样是不起效的。
正确的方法应为:(IE、Opera):obj.style.styleFloat,其他浏览器(Firefox):obj.style.cssFloat,喜欢这些经验能为同行提供一些参考。
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中有一个特殊的属性,确实比较特殊,这个属性就是:float。我们不能直接使用obj.style.float来使用,因为这样是不起效的。
正确的方法应为:(IE、Opera):obj.style.styleFloat,其他浏览器(Firefox):obj.style.cssFloat,喜欢这些经验能为同行提供一些参考。
相关文章推荐
- CSS DROP SHADOWS WITHOUT IMAGES
- Css3制作变形与动画效果
- style样式的简单使用
- 密码低、中、高三个级别的样式设定
- 修改过的项目内容
- YAHOO的CSS RESET
- css3中变形与动画(二)
- Web学习篇之---css基础知识(一)
- 弹框CSS、JS
- 浅谈 css3 box盒子模型以及box-flex的使用
- CSS使用overflow隐藏超出范围的内容
- CSS overflow:hidden 属性含义
- CSS3变形记(上):千变万化的Div
- 好吧,CSS3 3D transform变换,不过如此!
- 关于HTML和CSS的学习心得
- CSS Reset方法及它的滥用
- 不规则混排实现(实现图文环绕的效果)
- 常见CSS布局疑难问题及其解决
- 细说css3 flex布局之flex容器属性
- CSS3 3D效果 实现一个可旋转的正方体