今天在寫一個修改圖片寬度的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;"; //帶數值、單位和分號,不會出錯
所以我們平時寫的時候,最好是使用“數值+單位”的這種寫法,以免出現不可預料的錯誤。