 function getElementLeft(element) 
{ 
var actualLeft = element.offsetLeft; 
var current = element.offsetParent; 

while (current!==null) 
{ 
actualLeft += current.offsetLeft; 
current = current.offsetParent; 
} 
return actualLeft; 
}

取得元素的左偏移量；

function getElementTop(element) 
{ 
var actualTop = element.offsetTop; 
var current = element.offsetParent; 

while (current!==null) 
{ 
<span style="white-space:pre"> </span>actualTop += current.offsetTop; 
current = current.offsetParent; 
} 
return actualTop; 
}

取得元素的上偏移量；

利用offsetParent屬性在Dom層次中逐級(jí)向上回溯，將每個(gè)層次偏移量合計(jì)。

您可能感興趣的文章:

偏移量

相關(guān)文章

深入探究JavaScript中WeakMap的原理與用法
這篇文章主要對(duì)JavaScript中的WeakMap進(jìn)行深入探究，包括它的原理、用法和注意事項(xiàng)等，文中的示例代碼簡(jiǎn)潔易懂，需要的小伙伴可以參考一下
2023-05-05
關(guān)于layui時(shí)間回顯問(wèn)題的解決方法
今天小編就為大家分享一篇關(guān)于layui時(shí)間回顯問(wèn)題的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
JavaScript reduce和reduceRight詳解
這篇文章主要介紹了JavaScript reduce和reduceRight的高級(jí)用法詳解的相關(guān)資料,需要的朋友可以參考下
2016-10-10
如何實(shí)現(xiàn)axios的自定義適配器adapter
Axios是一個(gè)非常優(yōu)秀的基于promise的HTTP庫(kù)，可以用在瀏覽器和node.js中。并且提供了很多便捷的功能，但如果我們想基于axios 擴(kuò)展一些自己的數(shù)據(jù)請(qǐng)求方式（例如某些APP內(nèi)專(zhuān)屬的數(shù)據(jù)請(qǐng)求方式等），并能夠使用上axios提供的便捷功能，該怎么自定義一個(gè)適配器adapter
2021-05-05
js操作二進(jìn)制數(shù)據(jù)方法
下面小編就為大家分享一篇js操作二進(jìn)制數(shù)據(jù)方法，具有很好的參考價(jià)值，希望對(duì)的大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-03-03
純JS焦點(diǎn)圖特效實(shí)例(可一個(gè)頁(yè)面多用)
下面小編就為大家?guī)?lái)一篇純JS焦點(diǎn)圖特效實(shí)例(可一個(gè)頁(yè)面多用)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-12-12
js Date()日期函數(shù)瀏覽器兼容問(wèn)題解決方法
這篇文章主要介紹了js Date()日期函數(shù)瀏覽器兼容問(wèn)題解決方法,需要的朋友可以參考下
2017-09-09
JavaScript中Cookie操作實(shí)例
這篇文章主要介紹了JavaScript中Cookie操作實(shí)例,本文先是講解了Cookie的語(yǔ)法,然后給了實(shí)際操作實(shí)例,需要的朋友可以參考下
2015-01-01
微信小程序?qū)崿F(xiàn)人臉識(shí)別登陸的示例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)人臉識(shí)別登陸的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
js實(shí)現(xiàn)頁(yè)面圖片消除效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)頁(yè)面圖片消除效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-03-03