DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript實例教程:width和style.width
Javascript實例教程:width和style.width
編輯:關於JavaScript     

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved