js에서 CSS 속성을 얻는 방법

js에서 CSS 속성을 얻는 방법: 이를 얻으려면 [getComputeStyle(div)] 메서드를 사용하세요. 코드는 [var a = document.defaultView.getCompulatedStyle(div);]입니다. ㅋㅋㅋ 필요 CSS 속성을 가져오려고 했는데 직접 가져오는 것이 불가능한 것 같습니다. 기본 js에서 CSS 속성을 가져오는 두 가지 방법은 다음과 같습니다. 계산기로 계산해서 배경을 얻으러 가면 다음과 같은 결과가 나옵니다

window.onload = function() {
var but = document.getElementById('button');
var div = document.getElementById('getStyle');
but.onclick = function() {
alert(div.style.width);//弹出空的对话框
}
}

로그인 후 복사

window.onload = function() {
var but = document.getElementById('button');
var div = document.getElementById('getStyle');
but.onclick = function() {
var a = document.defaultView.getComputedStyle(div);
alert(a.width);//100px
}
}

'div' 아니요 'div'일 수 있습니다3. 설정되지 않은 스타일을 가져오지 마세요. 호환되지 않습니다호환성 해결 방법: IE8 이하 버전에서는 getCompulatedStyle 메서드를 사용할 수 없지만 currenrStyle 메서드를 사용하세요

alert(a.background);//reb(255,0,0) none repeat sroll 0% 0% / auto padding-box border-box