下面小編就為大家帶來一篇原生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中文網其他相關文章!