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;"; //帶數值、單位和分號,不會出錯
由此可見,要寫出兼容的代碼,就得選用“帶數值和單位”的寫法,上例中爲:id.style.width = "100px";
取值
上面是給 style.width 賦值,若取值的話,不論哪種寫法,只要在各自瀏覽器中能夠運行,返回值均是:數值和單位的形式,如:100px。
pixelWidth
如前所述,id.style.width 返回 100px 的形式,IE 支持 pixelWidth,它返回只有數字,不帶單位。但 FF 不支持,所以我們取 width 的寬度數值時還是這樣用:var w = parseInt(id.style.width),parseInt 將字符串轉化成整數。