原生js獲取left值和top值的三種方法

在用js做動(dòng)態(tài)效果時(shí)，通常需要獲取元素絕對(duì)定位中的left和top屬性值。比如做一個(gè)碰撞廣告，就要不停的獲取元素的top和left屬性值。

需要注意的事：取值的元素必須要設(shè)置position:absolute絕對(duì)定位屬性，才能取的到left值。

第一種方法，比較簡(jiǎn)單，就是直接通過(guò)obj.style.left和obj.style.top，但是有局限性，這種獲取的方法只能獲取到行內(nèi)樣式的left和top的屬性值，不能獲取到style標(biāo)簽和link 外部引用的left和top屬性值。

第二種方法 只讀，可以獲取所有style樣式，存在兼容性問(wèn)題，在標(biāo)準(zhǔn)瀏覽器中可以通過(guò)window.getComputedStyle(對(duì)象，null).left方法來(lái)獲取元素的left和top的屬性值。而在IE瀏覽器上則是采用obj.currentStyle.left方法來(lái)獲取屬性值。

第三種方法，使用obj.offsetLeft來(lái)獲取對(duì)象的left屬性值,用obj.offsetTop來(lái)獲取對(duì)象的top屬性值。

以上這篇原生js獲取left值和top值的三種方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com