如何使用JavaScript查找使用STYLE标记而不是JavaScript设置的样式值？

Question

在我制作的网页中，我使用了一个样式块来定义位置：对于特定的id是绝对的。我也设置了顶部和左侧的项目。一切正常。

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

但是当我尝试使用Javascript读取值时： obj.style.position

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

它的值是“”

为什么？如何检查使用样式标记设置的页面元素的样式，并使用Javascript FROM Javascript设置不？

我使用的浏览器是IE7。任何帮助表示赞赏。

Answer 1

使用以下函数获取浏览器中的样式，el =你的元素id和cssprop =任何样式prop

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]
}