方法二,IE和FF都支持object.className,所以可以這樣寫:
方法三,先判斷瀏覽器類型,再根據(jù)瀏覽器類型采用對應(yīng)的寫法。
4. 對象寬高賦值問題
【分析說明】FireFox中類似 obj.style.height = imgObj.height 的語句無效。
【兼容處理】統(tǒng)一使用 obj.style.height = imgObj.height + ‘px’;
5.添加樣式
【分析說明】IE中使用addRules()方法添加樣式,如:styleSheet.addRule("p","color:#ccc",styleSheet.length).而該方法不兼容FF,在FF使用insetRule()方法替換。如styleSheet.insertRule("p{color:#ccc}",styleSheet.length).
【兼容處理】if(styleSheet.insertRule){
//insertRule()方法
}else{
//addRule()方法
}
6.最終樣式
【分析說明】有時候我們自定義的樣式會失效,是因為發(fā)生了樣式的重疊,如一個類選擇符定義的樣式和一個標簽選擇符定義的樣式,此時后者失效。則此時需要用到最終樣式了。IE中最終樣式的寫法是ele.currentStyle.屬性名。DOM中標準寫法是利用document.defaultView對象,如document.defaultView.getComputedStyle(elel,null),該方法兼容FF.
【兼容處理】先判斷瀏覽器(document.all),再執(zhí)行上面的方法.