使用js操作css属性和css中的写法不同
来源:互联网 发布:zerohedge 知乎 编辑:程序博客网 时间:2024/05/16 08:09
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 是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);"& gt;测试2</div>
- 使用js操作css属性和css中的写法不同
- 使用js操作css属性的写法
- 使用不同的CSS写法-CSS进阶
- JS操作css的float属性的特殊写法
- 如何使用js操作css属性
- css在不同浏览器中的写法-----------
- css在不同浏览器中的写法
- js中的css操作
- js操作css float属性
- JS批量操作CSS属性
- js操作css属性值
- 如何使用JS来改变CSS样式 -- 元素的样式属性名称在CSS和JS中的对照表
- JS、Css在IE和FireFox中的不同表现
- CSS 写法 属性
- js获取css属性中的值
- css复合属性的写法
- css在ie和firefox中的不同
- JS和CSS属性对照表
- 删除系统隐藏的本地连接
- 最新的Adobe Reader X Adobe Reader 9.4.1 奥多比PDF阅读器 简体中文版 绿色安装控台版下载
- 在XFire中创建WebService客户端的三种常用方式
- SHH无密码互通配置
- java加密 des
- 使用js操作css属性和css中的写法不同
- 观察者模式
- eWebEditor在IE8,IE7下所有按钮无效之解决办法
- 硬件,软件与用户体验
- 请教
- 创造下一个Zynga传奇
- 页面跳转方式html、asp、php、javascript
- Gate Count
- Watts S. Humphrey:软件质量之父