JavaScript自定义getStyle方法获取元素样式

兼容性

兼容性如下图所示（摘自 mdn）

解决方法

由于getComputedStyle方法在IE浏览器中只兼容IE9及其以上，而IE8和它之前的浏览器则需要使用currentStyle方法来获取样式，所以我们就可以自定义一个getStyle方法来解决兼容性的问题

代码

自定义getStyle()代码

function getStyle (obj, name) {
    if (obj.currentStyle) {
        return obj.currentStyle[name];
    }
    else {
        return getComputedStyle(obj)[name];
    }
}

完整html代码

    
    
    
    


    

    fun

运行结果

1. IE8
   

   2.IE11
   

   3.chrome
   

   4.firefox