一般我们利用element.style.属性来获取CSS的样式,而此方法只能获取标签内的样式,无法获取头部或引入的样式,因此,而我们又需要获取其样式,则我们可以使用:(其中element为标签,proName为属性)
document.defaultView.getComputedStyle(element)[proName]的方法获其样式,
而此方法不支持IE6~IE8,因此我们针对IE8以下的使用
element.currentStyle[proName]
我们可以通过下面方法使其兼容
/*
* 功能: 通过属性名获取传入标签渲染后的样式
* 参数: 第一个参数表示你想要获取其属性值的标签; 第二个参数表示你想要获取其属性值的属性名
* 返回值: 返回第一个参数标签里面的属性名为第二个参数的样式
*/
function getStyle(element, proName) {
// document.defaultView.getComputedStyle为标准浏览器方法,element.currentStyle兼容IE6~IE8
return document.defaultView ? document.defaultView.getComputedStyle(element)[proName] : element.currentStyle[proName];
}