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