如何從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屬性頂部

回答

相關問題