如何用JavaScript程式碼取得left和top值的方法詳解

下面小編就為大家帶來一篇原生js取得left值和top值的三種方法。小編覺得蠻不錯的，現在就分享給大家，也給大家做個參考。一起跟著小編過來看看吧

在用js做動態效果時，通常需要取得元素絕對定位中的left和top屬性值。例如做一個碰撞廣告，就要不停的取得元素的top和left屬性值。

要注意的事：取值的元素必須設定position:absolute絕對定位屬性，才能取的到left值。

第一種方法，比較簡​​單，就是直接透過obj.style.left和obj.style.top，但有侷限性，這種取得的方法只能取得到行內樣式的left和top的屬性值，不能取得到style標籤和link 外部引用的left和top屬性值。

第二種方法只讀，可以取得所有style樣式，存在相容性問題，在標準瀏覽器中可以透過window.getComputedStyle(對象，null ).left方法來取得元素的left和top的屬性值。而在IE瀏覽器上則是採用obj.currentStyle.left方法來取得屬性值。

第三種方法，使用obj.offsetLeft來取得物件的left屬性值,用obj.offsetTop來取得物件的top屬性值。

以上是如何用JavaScript程式碼取得left和top值的方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！