常見(jiàn)兼容IE、FF、GoogleChrome

導(dǎo)讀：在學(xué)習(xí)或者使用javascript的過(guò)程中，最為痛苦的就是瀏覽器兼容問(wèn)題

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

解決辦法(封裝函數(shù))：currentStyle(IE)getComputedStyle(標(biāo)準(zhǔn)瀏覽器)

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

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

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

returnobj.currentStyle[attr];}else{//只有標(biāo)準(zhǔn)瀏覽器支持。return

getComputedStyle(obj,false)[attr];}}else{//設(shè)置行間樣式屬性對(duì)應(yīng)值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//設(shè)置行間樣式

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

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

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

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