js获取计算后的样式表

在编写html时，使用dom对象的style属性可以获取标签里的style属性，但是不能获取单独css样式文件或者style标签的属性值

 

<div style="width:10px">

</div>

javascript:
document.getElementsByTagName("div")[0].style.width    //可以获取

 

所以要获取最终style，要使用特殊的方法获取，计算后的最终样式表

function getFinalStyel(obj,attr){
    return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj,null)[attr];
    }

//其中 obj.currentStyle 支持ie9以下浏览器
//getComputedStyle 支持其他浏览器 参数第二个是伪类选择器(:hover.....)