JS技术

Javascript教程:width和style.width的运用_Javascript教程

字号+ 作者:H5之家 来源:H5之家 2015-09-15 16:20 我要评论( )

Javascript教程:width和style.width的运用,学习Javascript教程:width和style.width的运用,Javascript教程:width和style.width的运用,查看Javascript教程:wid

Javascript教程:width和style.width的运用


    有的程序员在修改图片宽度的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;"; //带数值、单位和分号,不会出错;
    根据以上的说法,所以我们平时写的时候,最好是使用“数值+单位”的这种写法,以免出现不可预料的错误;

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评