zoukankan      html  css  js  c++  java
  • 获取对象样式属性函数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);  
    }  
    

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

     

     

  • 相关阅读:
    Java中子类继承了父类的私有属性及方法吗?
    为什么静态成员、静态方法中不能用this和super关键字
    poj 3378 二维树状数组
    poj 3034 动态规划
    poj 2498 动态规划
    poj 2029 二维树状数组
    hdu 3280 动态规划
    hdu 2586 LCA
    poj 3689 树形dp
    poj 1947 树形dp
  • 原文地址:https://www.cnblogs.com/maplejan/p/2774144.html
Copyright © 2011-2022 走看看