如何使用JavaScript来查找使用style标记而不是JavaScript设置的样式值?

如何使用JavaScript来查找使用style标记而不是JavaScript设置的样式值?,javascript,css,Javascript,Css,在我制作的网页中,我使用了一个样式块来定义特定id的位置:绝对。我还设置了顶部和左侧项目。这一切都很好 <style> #vPage { position: absolute; left: 100px; top: 100px; } </style> 其值为“” 为什么呢?如何检查使用style标记设置的页面元素的样式,以及使用Javascript中的Javascript设置的而不是 我使用的浏览器是IE7。非常感谢您的帮助。使用以下函数跨浏览器获取样式,el=您的元素i

在我制作的网页中,我使用了一个样式块来定义特定id的位置:绝对。我还设置了顶部和左侧项目。这一切都很好

<style>
#vPage { position: absolute; left: 100px; top: 100px; }
</style>
其值为“”

为什么呢?如何检查使用style标记设置的页面元素的样式,以及使用Javascript中的Javascript设置的而不是


我使用的浏览器是IE7。非常感谢您的帮助。

使用以下函数跨浏览器获取样式,el=您的元素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]
}

. 哦,这只是使用jQuery的另一个原因;)为什么不回答这个问题,@j08691?对我来说,这似乎是一个答案,还有一个简单的“style属性将仅为内联样式提供值”以及可能适用于IE7的代码段。@Orville:您正在查找元素的计算样式。当然也有标准方式和IE方式。上面的链接也是我无意中发现并打算发布的链接。@GregPettit-我只是觉得只要有一个链接就足够了,我就会复制/粘贴别人的作品。@j08691高尚的意图!不过,你还是要把链接放进去。没有人会责怪你用别人现有的作品作为答案。我们一直都这么做!博客文章并不比在线API文档更神圣,只要你在该写的地方给予赞扬只是认为你应该为找到答案而得到分数才是最重要的!我知道,我知道!现在我正在检查这个!我在使用StackOverflow时太被动了。。。顺便说一句,我认为这是用户获取技术问题答案的最佳网站。我希望今后能做得更好。
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]
}