style.height跟style.width等等的赋值方式(IE/FF/Chrome/Opera/Safari)

style.height和style.width等等的赋值方式(IE/FF/Chrome/Opera/Safari)

利用JavaScript给某个元素的高度style.height和宽度style.width赋值(或margin、padding)，应当采用规范的方式。

许多朋友在IE下测试网页，例如：

document.getElementById(”div1″).style.height=100;
发现赋值成功，然而火狐(FF)却不生效，为何？

?

因为规范的赋值方式应该是带单位的：
document.getElementById(”div1″).style.height=“50px”;

若数值是变量，则进行字符串连接：
document.getElementById(”div1″).style.height=myHeight+“px”;

?

以下是过渡型XHTML下各浏览器截图：

?

?

包括了IE，火狐，谷歌Chrome，Opera，Safari浏览器。同理，margin、padding之类的赋值也一样的。

HTML CSS JS

1 楼 sohighthesky 2010-07-17   那是因为你没指定doctype吧

对lz这张图很感兴趣，不知道lz是怎么做的？ 2 楼 kiino 2010-07-19   sohighthesky 写道那是因为你没指定doctype吧

对lz这张图很感兴趣，不知道lz是怎么做的？
这个图是全屏一个空白记事本，然后打开各个浏览器，打开同一个测试页，再截图的（再Ps上个浏览器的图标）~
还有想请教一下：我设了div1和div2，有style="hetght:20px"，onload以后用js赋style.height=50（和="50px"）,DOCTYPE会影响这个赋值？

查看更多 下一篇