getCompulatedStyle 및 currentStyle 가져오기 스타일(스타일/클래스)_javascript 기술

document.getElementById('element').style.xxx를 사용하여 요소의 스타일 정보를 얻을 수 있다는 것은 누구나 알고 있지만 참조된 외부 스타일 시트의 경우 DOM 요소의 스타일 속성에서만 스타일 규칙을 가져옵니다. class 속성을 통해서는 우리가 원하는 정보를 얻을 수 없습니다.

DOM 표준에는 현재 객체 스타일 규칙 정보를 얻을 수 있는 전역 메소드인 getCompulatedStyle이 있습니다. 예를 들어 객체의 왼쪽 패딩을 얻을 수 있는 getComputeStyle(obj,null).paddingLeft입니다. 하지만 아직 끝나지 않았습니다. 사악한 IE는 자체 구현 메소드인 currentStyle을 지원하지 않습니다. 이는 전역 메소드인 getCompulatedStyle과 달리 obj.currentStyle.paddingLeft와 같은 DOM 요소 속성으로 존재합니다. . IE에서는 개체의 왼쪽 내부 여백을 구합니다.