JavaScript获取元素计算样式的方法

 
window.onload = function(){
var oDIv = document.getElementById('progressBox');
var sytleElemt = window.getComputedStyle(oDIv);
for(var i=0;i<sytleElemt.length;i++){
if(
typeof sytleElemt[sytleElemt[i]] != 'undefined' &&
sytleElemt[sytleElemt[i]] != 'none' &&
sytleElemt[sytleElemt[i]] != 'rgb(0, 0, 0)' &&
sytleElemt[i] != 'quotes'
) 
console.log(sytleElemt[i]+":"+sytleElemt[sytleElemt[i]]);
} 
} 

上述代码适用于Firefox浏览器。

在IE浏览器中，请使用

currentStyle，其基本原理相同。

该方法遍历所有样式属性，通过判断属性值是否不等于'undefined'或特定的默认值（如'none'、'rgb(0, 0, 0)'、'quotes'），从而过滤出实际应用的样式属性。