JS 中的 style.width

JS 中也可以控制樣式表,但 IE 和 FF(FireFix) 對此解釋略有不同,以 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;"; //帶數值、單位和分號,不會出錯

由此可見,要寫出兼容的代碼,就得選用“帶數值和單位”的寫法,上例中爲:id.style.width = "100px";

取值
  上面是給 style.width 賦值,若取值的話,不論哪種寫法,只要在各自瀏覽器中能夠運行,返回值均是:數值和單位的形式,如:100px。

pixelWidth
  如前所述,id.style.width 返回 100px 的形式,IE 支持 pixelWidth,它返回只有數字,不帶單位。但 FF 不支持,所以我們取 width 的寬度數值時還是這樣用:var w = parseInt(id.style.width),parseInt 將字符串轉化成整數。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章