首頁 > web前端 > js教程 > 主體

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

巴扎黑
發布: 2017-08-14 13:51:20
原創
2106 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板