JS는 getCompulatedStyle() 메소드를 사용하여 CSS 속성 값을 얻습니다.javascript 팁

웹 페이지를 디버깅하는 과정에서 js는 요소의 CSS 스타일을 얻는 데 자주 사용됩니다. 이제 제가 자주 사용하는 방법만 요약하면 다음과 같습니다.

1. 그 방법은 JS가 html 태그(style="...")에 작성된 style 속성에 작성된 값만 가져올 수 있고

< ;body> ;

JS는 CSS 속성 값을 가져옵니다

; 스크립트 유형=”text/javascript”>
alert(document.getElementById(“css88″).style.width);//200px
alert(document.getElementById(“css88″).style.color ) ;//Blank




2. .currentStyle 메서드를 사용하는 반면, FF는 getCompulatedStyle 메서드

를 사용하는 반면 "DOM2 수준 스타일"은 document.defaultView를 향상하고 getCompulatedStyle() 메서드를 제공합니다. 이 메소드는 두 개의 매개변수, 즉 계산된 스타일을 가져올 요소와 의사 요소 문자열(예: ":after")을 허용합니다. 의사 요소 정보가 필요하지 않은 경우 두 번째 매개변수는 null일 수 있습니다. getComputerStyle() 메서드는 현재 요소에 대해 계산된 모든 스타일을 포함하는 CSSStyleDeclaration 객체를 반환합니다. 다음 HTML 페이지를 예로 들어 보겠습니다.

코드 복사

코드는 다음과 같습니다.

계산된 요소 스타일