JavaScript解决浏览器兼容性问题（六）—— 获取当前元素样式

问题描述

        在获取页面中某个元素的样式时，可以使用getComputedStyle()来获取当前元素的样式，但该方法在ie8及以下的浏览器中不支持，它需要使用currentStyle来获取。

核心代码

function getStyle(obj , name){
    if(window.getComputedStyle){
        //正常浏览器的方式
        return getComputedStyle(obj , null)[name];
    }else{
        //IE8的方式
        return obj.currentStyle[name];
    }
}

说明

        未来如果想要获取元素的当前样式，可以直接拿来主义用这段核心代码

        例如，现在网页中有一个box1的盒子，想要获取当前该元素的left值，则可以直接

getStyle(box1,"left");

        当然其结果是XXXpx，如果想要使用该值做一些运算，可以使用

parseInt(getStyle(box1,"left"));