JavaScript가 아닌 STYLE 태그로 설정된 스타일 값을 찾기 위해 JavaScript를 사용하려면 어떻게해야합니까?

Question

내가 만든 웹 페이지에서 스타일 블록을 사용하여 위치를 정의했습니다. 특정 ID에 대한 절대 값입니다. 또한 상단 및 왼쪽 항목도 설정합니다. 이 모든 것이 잘 작동합니다. obj.style.position

alert(document.getElementById("vPage").style.position); 

그 값이 ""

은 왜이다 :

<style> 
#vPage { position: absolute; left: 100px; top: 100px; } 
</style> 

는하지만 하려고 할 때이는 자바 스크립트를 사용하여 값을 읽어? 스타일 태그로 설정 한 페이지 요소의 스타일을 확인하려면 어떻게해야합니까? 이 아닌은 자바 스크립트 에서 설정합니다. 자바 스크립트?

사용중인 브라우저는 IE7입니다. 어떤 도움을 주셔서 감사합니다.

Answer 1

가 브라우저에서 스타일을 얻기 위해 다음과 같은 기능을 사용, 엘이 = 어떤 스타일은 소품 당신의 요소 ID와 cssprop을 =

function getStyle(el, cssprop){ 
if (el.currentStyle) //IE 
    return el.currentStyle[cssprop] 
else if (document.defaultView && document.defaultView.getComputedStyle) //Firefox 
    return document.defaultView.getComputedStyle(el, "")[cssprop] 
else //try and get inline style 
    return el.style[cssprop] 
}