IE與FF處理Attribute的幾點差異

2021-09-30 08:52:52 字數 929 閱讀 9011

前端開發中,經常需要動態的新增、移除或者獲取元素的attribute。也就是說經常會用到setattribute、removeattribute和getattribute。今天要討論的是開發中遇到的幾處ie與firefox對attribute操作的差異。

屬性名大小寫

在firefox中,屬性沒有小寫的概念,就算屬性名全用大寫,firefox也會解析成小寫,用firebug看就能看到。所以下面的**在firefox與ie中執行結果會不一樣。

不過在ie中,removeattribute有第二個引數,設定為true表示不忽略大小寫,為false時忽略大小寫,預設值是 true;firefox中因為解析時就不存在大寫屬性了,所以就沒有第二個引數。也就是說ie中 removeattribute(」test」,false)等同於firefox中的removeattribute(」test」),ie中 removeattribute(」test」,true)在firefox中無法實現。

button的value屬性

假設有下面乙個button,怎麼可以得到button的value屬性?

b其實上,在ie下,無論是btn.getattribute(」value」)、btn.value、btn.innerhtml還是 btn.innertext都得」b」,但是在firefox下,btn.getattribute(」value」)、btn.value得到的都是 」a」,btn.innerhtml得到的是」b」。也就是說我們如果要在button上加自定義屬性,不要用」value」做屬性名,否則在ie下沒辦 法取到值。

getattribute返回值型別不同

看一下下面的**,你認為ie與firefox分別會返回什麼?

bie6,ie7下,getattribute(」onclick」)返回的是乙個function,直接可以呼叫,ie8,firefox下則返回乙個string,直接呼叫會出錯。

IE與FF下css解析差異處理

size medium color orange 大部分都是用 important來hack,對於ie6和firefox測試可以正常顯示 但是ie7對 important可以正確解釋,會導致頁面沒按要求顯示!搜尋了一下,找到乙個針對ie7不錯的hack方式就是使用 html 現在用ie7瀏覽一下,應...

IE與FF的CSS區別

ie和ff對盒模型的解釋區別 ie和ff對盒模型的解釋也不一樣,說明 test test 顯示的寬頻是 650px ie box的總寬度是 width padding border margin寬度總和 ff box的總寬度就是 width的寬度,padding border margin的寬度在含...

FF與IE關於height width理解的差異

最近在做網頁的過程中遇到了一些瀏覽器的標準問題,這裡想把最有心得的地方寫下來。由於我的電腦上只安裝了ie6.0和firefox,所以目前只能在這兩個環境下測試。最初的頁面是在ie6.0環境下開發,等噴了一地血總算弄出了想要的版式以為大功告成時用firefox一檢視所有的div的位置都亂七八糟,超級鏈...