js 를 통 해 요소 의 스타일 을 읽 습 니 다.

1842 단어
/ * * 요소. style 을 통 해 스타일 은 내 연 스타일 의 값 만 가 져 올 수 있 습 니 다. 바로 style 이 요소 에 쓰 인 값 입 니 다. 끼 워 넣 는 것 과 외 연 스타일 의 값 을 가 져 올 수 없습니다. * 따라서 내 연 스타일 을 제외 한 값 을 가 져 오 려 면 이 를 통 해 * alert (box 1. style. height) * 를 가 져 올 수 없습니다.외부 연결 이 든 내장 연결 이 든 누가 표시 하 든 누구의 스타일 * 문법: 요소. current Style. 스타일 이름 * 현재 요소 가 표시 하고 있 는 스타일 * alert (box 1. currentStyle. width) 를 읽 을 수 있 습 니 다. *이것 은 IE 만 지원 하고 다른 브 라 우 저 는 지원 하지 않 습 니 다. *다른 브 라 우 저 에 서 는 getComputed Style () 이라는 방법 으로 현재 요소 의 스타일 을 가 져 올 수 있 습 니 다. * 이것 은 window 의 방법 입 니 다. * 문법: * 두 개의 인자 가 필요 합 니 다. * 첫 번 째: 스타일 의 요 소 를 가 져 오 려 면 * 두 번 째: 가짜 요 소 를 전달 할 수 있 고 보통 null 을 전달 할 수 있 습 니 다. *이 방법 은 대상 에 게 돌아 갑 니 다. 대상 에 현재 요소 에 대응 하 는 스타일 * 을 봉 인 했 습 니 다. 스타일 이름 으로 스타일 을 읽 을 수 있 습 니 다. * 가 져 온 스타일 이 설정 되 어 있 지 않 으 면 기본 값 이 아 닌 실제 값 을 가 져 옵 니 다. * 예 를 들 어 width 가 설정 되 어 있 지 않 으 면 auto 가 아 닌 실제 값 을 가 져 옵 니 다. *IE 는 기본 auto * 를 설정 하지 않 지만 이 방법 은 IE8 및 이하 브 라 우 저 를 지원 하지 않 습 니 다.수정 하려 면 style 속성 을 통과 해 야 합 니 다. * /
            function getStyle(obj,name){
                        //        .,        ,  .   ,      
                        //        ,  getComputedStyle  
                        getComputedStyle(obj,null)[name]
                        //  window,      ,      
                        if(window.getComputedStyle){
                            return getComputedStyle(obj,null)[name]
                            
                        }else{
                            //IE   ,  currentStyle  
                            return obj.currentStyle[name]
                        }
                        //              
                        window.getComputedStyle?getComputedStyle(obj,null)[name]:obj.currentStyle[name]
                    }

좋은 웹페이지 즐겨찾기