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