获取元素的真实,最终的css样式属性值的函数

//获取指定元素(elem)的样式属性(name)

function getStyle( elem ,name){

      //如果属性存在与style[]中,那么他已被设置了(并且是当前的)

     if(elem.style(name))

      return elem.style[name];



     //否则,尝试使用ie的方法

   else if( elem.currentStyle )

    return elem.currentStyle[name];



   //或者w3c的方法,如果存在的话

  else if( document.defaultView  &&  document.defaultView.getComputedStyle ){



  //他使用的是通用的  "text-align"  的样式 规则  而非  'textAlign'

  name = name.replace(/([A-Z])/g,"-$1");

  name = name.toLowerCase();



  //获取样式对象并获取属性(存在的话)值

  var s = document.defaultView.getComputedStyle(elem,"");

  return s && getProperValue(name);



}

//否则,用户使用的是其他的浏览器

else

return  null ;  

你可能感兴趣的:(css)