JS获取渲染后的样式

一般我们利用element.style.属性来获取CSS的样式，而此方法只能获取标签内的样式，无法获取头部或引入的样式，因此，而我们又需要获取其样式，则我们可以使用：（其中element为标签，proName为属性）
document.defaultView.getComputedStyle(element)[proName]的方法获其样式，
而此方法不支持IE6~IE8，因此我们针对IE8以下的使用
element.currentStyle[proName]

我们可以通过下面方法使其兼容

1 /*
2  * 功能: 通过属性名获取传入标签渲染后的样式
3  * 参数: 第一个参数表示你想要获取其属性值的标签; 第二个参数表示你想要获取其属性值的属性名
4  * 返回值: 返回第一个参数标签里面的属性名为第二个参数的样式
5  */
6 function getStyle(element, proName) {
7     // document.defaultView.getComputedStyle为标准浏览器方法，element.currentStyle兼容IE6~IE8
8     return document.defaultView ? document.defaultView.getComputedStyle(element)[proName] : element.currentStyle[proName];
9 }

JS获取渲染后的样式