获取具体html对象的css属性方法

/**
 * 获取CSS属性
 */

//第一种方法
function getCss(curEle,attr){
   var val = null;
   try{
     val = window.getComputedStyle(curEle,null)[attr];
   }catch (e){
     val = curEle.currentStyle[attr];
   }
   return val;
}

//第二种方法
/**
 * 判断当前浏览器中是否存在这个属性或者方法，存在就兼容，不存在就不兼容
 * @param curEle
 * @param attr
 * @returns {*}
 */
function getCss(curEle,attr){
  var val = null;
  if("getComputedStyle" in window){//如果返回的是true，说明window下有getComputedStyle这个属性，代表兼容
    val = window.getComputedStyle(curEle,null)[attr];
  }else{//代表不兼容
    val = curEle.currentStyle[attr];
  }
  return val;
}

//第三种方法,先执行，然后将window.getComputedStyle转为boolean
/**
 * 判断当前浏览器中是否存在这个属性或者方法，存在就兼容，不存在就不兼容
 * @param curEle
 * @param attr
 * @returns {*}
 */
function getCss(curEle,attr){
  var val = null;
  if(window.getComputedStyle){//如果返回的是true，说明window下有getComputedStyle这个属性，代表兼容
    val = window.getComputedStyle(curEle,null)[attr];
  }else{//代表不兼容
    val = curEle.currentStyle[attr];
  }
  return val;
}