 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層次中逐級向上回溯，將每個層次偏移量合計。

您可能感興趣的文章:

偏移量

相關(guān)文章

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