내용으로 건너뛰기
권남
사용자 도구
로그인
사이트 도구
검색
도구
문서 보기
이전 판
역링크
최근 바뀜
미디어 관리자
사이트맵
로그인
>
최근 바뀜
미디어 관리자
사이트맵
추적:
javascript:css
이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
====== Javascript CSS 제어 ====== ===== 특정 Style 지원 여부 확인 ===== 브라우저에서 지원하는 CSS 속성을 가져오면 빈 문자열을 받고, 지원하지 않는 속성을 가져오려고 하면 null 응답을 받게 된다. 다음 처럼 typeof 결과가 "string"인지 확인한다. <code javascript> var element = document.documentElement; var style = element.style; if (style && typeof style.columnCount === "string") { // columnCount CSS를 지원할 때 하는 작업 } </code> ===== Computed Style ===== * [[http://css.dzone.com/articles/look-mom-no-jquery-getting-all|Getting All CSS Properties of a DOM Element in Pure JavaScript]] * Computed Style <code javascript> function getComputedStyle( dom ) { var style; var returns = {}; // FireFox and Chrome way if(window.getComputedStyle){ style = window.getComputedStyle(dom, null); for(var i = 0, l = style.length; i < l; i++){ var prop = style[i]; var val = style.getPropertyValue(prop); returns[prop] = val; } return returns; } // IE and Opera way if(dom.currentStyle){ style = dom.currentStyle; for(var prop in style){ returns[prop] = style[prop]; } return returns; } // Style from style attribute if(style = dom.style){ for(var prop in style){ if(typeof style[prop] != 'function'){ returns[prop] = style[prop]; } } return returns; } return returns; }; </code>
javascript/css.txt
· 마지막으로 수정됨: 2012/09/22 15:00 저자
kwon37xi
문서 도구
문서 보기
이전 판
역링크
맨 위로