因為瀏覽器大戰，前端總是不斷的跟各種兼容做斗爭，不僅僅只是CSS盒子模型方面，瀏覽器的接口也存在各種各樣的坑，看看在針對DOM的操作接口的處理中遇到兼容問題。
我直接抽取了sizzle里面的功能判斷，具體的代碼部分我們可以參考右側代碼：
關于屬性attributes
簡單來說，就是IE8之前的版本，需使用getAttribute('className')才能獲得class屬性的值，FF及IE8之后的版本則是W3C的標準getAttribute('class')。
這是因為IE 混淆了 DOM 對象屬性（property）及 HTML 標簽屬性（attribute），造成了對 setAttribute、getAttribute 的不正確實現。
關于getElementById
查找元素是最常見的DOM操作，我們可以使用document對象提供的方法：
document.getElementById
取到有id的元素節點：
var div = document.getElementById("myDIV") //取到引用
這個是最常見的處理了，但是如果id是小寫：
var div = document.getElementById("mydiV") //無效（IE7之前可以）
可見在IE8之前是不區分大小寫的。
除此之外，如果頁面有多個ID相同，也只會返回文檔中第一次出現的元素。IE8之前在針對表單的處理時候，表單的name與id重名，并且name在id之前，則會返回表單元素：
<input name="aaron" value="測試"> <div id="aaron">重名</div>
此時的結果在IE7則會返回input元素，其余瀏覽器正常返回div元素的引用。要避免話就盡量命名不重疊。
關于getElementsByTagName
如果選擇器是通配符"*"的話，IE6-8會混雜注釋節點，所以針對如果是tag為*的情況，我們需要做一個兼容的處理。
byTagName
遞歸一下，只選取nodeType為1的元素。
getElementsByClassName
可以通過此方法獲取到含有某指定class的節點集合，注意是集合，也就是此函數返回一個數組。但是，IE卻并不支持這個方法，但這方法卻是很有實用性，所以，我們又不得不專門為IE實現這么一個函數。
getClassNames getClassNames
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報