Javascript執行個體教程:width和style.width

文章簡介：今天在寫一個修改圖片寬度的demo的時候碰到一個問題，我通過擷取image對象後，直接設定屬性image.style.width=100,沒有生效，後來查出原因，因為 style.width 所接收的為字串，image.width=100,這種寫法是可以的，因為 width 本身就是 number 類型的。

 今天在寫一個修改圖片寬度的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;"; //帶數值、單位和分號，不會出錯

所以我們平時寫的時候，最好是使用“數值+單位”的這種寫法，以免出現不可預料的錯誤。