利用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之类的赋值也一样的。