一、屬性相關(guān)

我們通常把特征(attribute)和屬性(property)統(tǒng)稱為屬性，但是他們確實是不同的概念，

特征(attribute)會表現(xiàn)在HTML文本中，對特征的修改一定會表現(xiàn)在元素的outerHTML中，并且特征只存在于元素節(jié)點中；

屬性(property)是對于JS對象進行修改，除了瀏覽器內(nèi)置的部分特征外，其它的屬性操作并不會影響HTML文本。

1. IE6/7不區(qū)分屬性和特征

其它瀏覽器會區(qū)分屬性和特征，而IE67并不會區(qū)分它們，在IE67下我們只能用屬性名來刪除特征，雖然這兩個名字很多時候一樣，但總會有不一樣的地方。

2. IE6/7不能通過getAttribute/setAttribute來操作值不為字符串的特征

在現(xiàn)代瀏覽器中g(shù)etAttribute一定會返回HTML中對應(yīng)的字符串，而IE67返回的結(jié)果不可預(yù)知，因此在IE67下，我們要用AttributeNode來操作屬性。

3. IE6/7/8不能通過style屬性來獲取CSS文本

這個問題應(yīng)當(dāng)是IE6/7不區(qū)分屬性和特征的后遺癥，在獲取style這個屬性的時候，使用elem.style.cssText就好了。

4. IE6/7會解析相對URL成為絕對URL

這個問題甚至導(dǎo)致了IE6/7下空的src屬性會產(chǎn)生重復(fù)的請求，可以使用getAttribute('href/src', 4)。

5. 元素特征的默認行為不同

這一類的BUG會比較多，比如在一些舊的webkit瀏覽器里面，checkbox/radio 的默認值為""，而不是on。在一些舊的webkit瀏覽器select的第一個元素不會被選中。

二、樣式操作

通常情況下，樣式包括獲取和設(shè)置行內(nèi)樣式以及獲取元素的計算出的樣式

1. IE支持background-position-x/y而其它瀏覽器不支持

background-position-x/y可以用來方便的漸變一個圖片的位置，不支持的情況下我們可以考慮使用解析background-position屬性的來處理。

2. IE6/7不支持opacity屬性

可以通過alpha濾鏡來實現(xiàn)相同的效果，不過要記得觸發(fā)元素的haslayout。

3. IE6/7/8會錯誤的讓clone產(chǎn)生的節(jié)點繼承一些屬性

比如background，修改一個兩個同時會改。

4. 不同的獲取計算出樣式的方式

IE6/7/8使用elem.currentStyle而其它瀏覽器要用window.getComputedStyle函數(shù)。

5.不同的像素化方式

像素化指的是將單位不是像素的距離轉(zhuǎn)換成像素，以方便進行計算。嚴(yán)格的說這不是一個兼容性問題，但可能全用到。在IE6/7/8中，我們可以使用elem.runtimeStyle配合pixelLeft來進行處理。

而現(xiàn)代瀏覽器可以使用width屬性處理。

6. 一些獲取CSS時的BUG行為

在Webkti核心的瀏覽器中，margin-right經(jīng)常會出錯。

三、查詢操作

查詢通過指的是通過一些特征字符串來找到一組元素，或者判斷元素是不是滿足字符串。

1. IE6/7不區(qū)分id和name

在IE6/7下使用getElementById和getElementsByName時會同時返回id或name與給定值相同的元素。由于name通常由后端約定，因此我們在寫JS時，應(yīng)保證id不與name重復(fù)。