객체 스타일 속성 가져오기 함수 getStyle ()

2075 단어 style
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);  

}  


 
쓸데없는 코드 설명은 하지 않고 인터넷에서 한 무더기를 뒤져라.
 

좋은 웹페이지 즐겨찾기