常見兼容IE、FF、GoogleChrome

導讀：在學習或者使用javascript的過程中，最為痛苦的就是瀏覽器兼容問題

1、樣式的獲取(注意：樣式表里面的css屬性，而非行間樣式)與設置兼容寫法

解決辦法(封裝函數(shù))：currentStyle(IE)getComputedStyle(標準瀏覽器)

>參數(shù)說明：obj為傳入的當前元素、attr為獲取或設置的屬性名、val設置行間樣式屬性時能用到的設置值

獲取和設置屬性的封裝函數(shù)

functioncss(obj,attr,val){if(!val){if(obj.currentStyle){//IE獨的屬性。

returnobj.currentStyle[attr];}else{//只有標準瀏覽器支持。return

getComputedStyle(obj,false)[attr];}}else{//設置行間樣式屬性對應值obj.style[attr]=val;}

}

代碼使用示例：

css樣式：

#example{width:100px;height:100px;background:red;}

HTML結(jié)構(gòu)：

獲取元素樣式

JavaScript調(diào)用方法：

//獲取css樣式console.log(css(item,'width'));返回結(jié)果：100px//設置行間樣式

css(item,'margin',"200px");

注意console.log在IE第版本里面不能使用哦!

請聯(lián)系網(wǎng)站客服，了解詳細的優(yōu)惠課程信息~

優(yōu)質(zhì)、權(quán)威、便捷、省心