如何从javascript中的元素获取CSS属性顶部

如何从javascript中的元素获取CSS属性顶部。如何从javascript中的元素获取CSS属性顶部

我试过document.getElementById（element）.offsetTop，但是这总是返回0.当我设置top：500px;在元素的CSS中。

来源

2009-11-12 timewarpagain

谷歌currentStyle.top和getComputedStyle（）。 – anddoutoi 2009-11-12 11:53:22

offsetTop返回设置为position:relative;或position:absolute;集合的树中位于较低节点的顶部偏移量。

您是否将父母的职位设置为相对或绝对？

来源

2009-11-12 11:30:14 Pascal

尝试

element.style.top

来源

2009-11-12 11:30:27

offsetTop获取页面（相对于offsetParent，这是任何定位元件或偶尔一些其他类型的元件的）的像素作为编号的元件的位置。

style.top得到top财产的style="top: 500px"内联字符串值的属性只。

如果你想获得已从样式表设置top样式值，则不能使用style.top这将直接返回''告诉你top没有在style属性被设置。取而代之的是由DOM Level 2 Style定义的window.getComputedStyle，以及由IE使用的element.currentStyle。（较旧的浏览器也不支持）

var top= (window.getComputedStyle? 
    window.getComputedStyle(element, null).getPropertyValue('top') : 
    element.currentStyle? element.currentStyle.top : '0' 
);

通常有更好的方法，不涉及尝试阅读样式表。

来源

2009-11-12 11:55:48 bobince

如何从javascript中的元素获取CSS属性顶部

回答

相关问题