获取对象样式属性函数getStyle()

function getStyle(elem, styleName){  
    if(elem.style[styleName]){ //获取内联样式  
        return elem.style[styleName];  
    }  
    else if(elem.currentStyle){ //IE特有的属性  
        return elem.currentStyle[styleName];  
    }  
    else if(window.getComputedStyle){ //DOM标准属性  
        return window.getComputedStyle(elem, null)[styleName];  
    }  
    else{   
        return null;  
    }  
}  

　　

考虑到函数中有重复工作的部分，优化一下：

function getStyle(elem, styleName){  
    if(elem.currentStyle) {  
        getStyle = function(elem, styleName) {  
            if(elem.style[styleName]){   
                return elem.style[styleName];    
            } else {  
                 return elem.currentStyle[styleName];  
            }  
        }  
    } else if(window.getComputedStyle) {  
        getStyle = function(elem, styleName) {  
            if(elem.style[styleName]){  
                return elem.style[styleName];  
            } else {  
                return window.getComputedStyle(elem, null)[styleName];    
            }  
        }  
    } else {  
        getStyle = function(elem, styleName) {  
            return elem.style[styleName];  
        }  
    }  
    return getStyle(elem, styleName);  
}  

　　

代码貌似有点长了，再优化一下：

function getStyle(elem, styleName){  
    if(elem.currentStyle) {  
        getStyle = function(elem, styleName) {  
            return elem.style[styleName] ? elem.style[styleName] : elem.currentStyle[styleName];  
        }  
    } else if(window.getComputedStyle) {  
        getStyle = function(elem, styleName) {  
            return elem.style[styleName] ? elem.style[styleName] : window.getComputedStyle(elem, null)[styleName];  
        }  
    } else {  
        getStyle = function(elem, styleName) {  
            return elem.style[styleName];  
        }  
    }  
    return getStyle(elem, styleName);  
}  

 

不作多余代码解释了，网上搜下一大堆。