常見兼容 IE、 FF、 Google Chrome
官網地址：http://www.bjtces.com
導讀：在學習或者使用javascript的過程中，最為痛苦的就是瀏覽器兼容問題
1、樣式的獲取(注意：樣式表里面的css屬性，而非行間樣式)與設置兼容寫法
解決辦法(封裝函數) ：currentStyle(IE) getComputedStyle(標準瀏覽器)
參數說明：obj為傳入的當前元素、attr為獲取或設置的屬性名、val設置行間樣式屬性時能用到的設置值
獲取和設置屬性的封裝函數
function css(obj,attr,val){
if(!val){
if(obj.currentStyle){
//IE獨的屬性。
return obj.currentStyle[attr];
}else{
//只有標準瀏覽器支持。
return getComputedStyle(obj,false)[attr];
}
}else{
//設置行間樣式屬性對應值
obj.style[attr]=val;
}
}
代碼使用示例：
css樣式：
#example{width:100px;height:100px;background:red;}
HTML結構：
獲取元素樣式
JavaScript調用方法：
//獲取css樣式
console.log(css(item,'width'));
返回結果：100px
//設置行間樣式
css(item,'margin',"200px");
注意console.log在IE低版本里面不能使用哦！
