学步园

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]]);
        }
    }

上面的代码是FF适用

IE 请用

currentStyle原理是一样的

 

遍历所有样式属性，通过判断其属性值，是否为'undefined' 或特特的值，来过虑属性！