Javascript实例教程:width和style.width

http://www.itjxue.com  2015-08-06 23:01  来源:未知  点击次数: 

 今天在写一个修改图片宽度的demo的时候碰到一个问题,我通过获取image对象后,直接设置属性image.style.width=100,没有生效,后来查出原因,因为 style.width 所接收的为字符串,image.width=100,这种写法是可以的,因为 width 本身就是 number 类型的。

然后看到一个关于 style.width 的设值的说法,如下

IE
id.style.width = "100"; //只带数值,不会出错
id.style.width = "100px"; //带数值和单位,不会出错
id.style.width = "100px;"; //带数值、单位和分号,会出错

FF
id.style.width = "100"; //只带数值,会出错
id.style.width = "100px"; //带数值和单位,不会出错
id.style.width = "100px;"; //带数值、单位和分号,不会出错

所以我们平时写的时候,最好是使用“数值+单位”的这种写法,以免出现不可预料的错误。

(责任编辑:IT教学网)

更多

推荐Javascript/Ajax文章