取得元素的左和上偏移量的方法
更新時(shí)間：2014年09月17日 16:01:51 投稿：whsnow
利用offsetParent屬性在Dom層次中逐級(jí)向上回溯，將每個(gè)層次偏移量合計(jì),需要的朋友可以參考下
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)文章
webpack自動(dòng)打包和熱更新的實(shí)現(xiàn)方法
這篇文章主要介紹了webpack自動(dòng)打包和熱更新的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
這篇文章主要介紹了uni-app使用微信小程序云函數(shù)的步驟示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
2016年最熱門(mén)的15 款代碼語(yǔ)法高亮工具，美化你的代碼
無(wú)論是代碼高亮還是語(yǔ)法高亮對(duì)整個(gè)程序來(lái)說(shuō)都非常重要，可以給人眼前一亮的感覺(jué)，增加用戶體驗(yàn)度，下面通過(guò)本文給大家介紹2016年最熱門(mén)的Javascript代碼高亮顯示腳本及代碼語(yǔ)法高亮工具，對(duì)js代碼高亮，代碼語(yǔ)法高亮相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01
這里使用JS實(shí)現(xiàn)網(wǎng)頁(yè)上的霓虹燈文字特效代碼特效，運(yùn)行效果看一下，你會(huì)看到文字的顏色像霓虹燈一樣，連續(xù)不停變化，五顏六色的，很炫的樣子，所以就叫做霓虹文字，也可以叫他文字變色效果，下面跟著小編一起學(xué)習(xí)JavaScript制作霓虹燈文字 代碼特效，需要的朋友一起學(xué)習(xí)吧2015-09-09
JavaScript 動(dòng)態(tài)創(chuàng)建VML的方法
JavaScript 動(dòng)態(tài)創(chuàng)建VML的方法，需要的朋友可以參考下。2009-10-10
由于TypeScrip中的類不支持多繼承，所以引入了混合（Mixin）的特性，可以間接實(shí)現(xiàn)多繼承的效果，這篇文章主要介紹了一文弄懂TypeScript中的混合（Mixin）,需要的朋友可以參考下2023-09-09
分別用兩個(gè)函數(shù)實(shí)現(xiàn)的菜單
分別用兩個(gè)函數(shù)實(shí)現(xiàn)的菜單...2007-05-05
javascript replace()正則替換實(shí)現(xiàn)代碼
javascript-replace()基礎(chǔ)，一次完成將"<,>"替換"<>"實(shí)例2010-02-02
基于JavaScript實(shí)現(xiàn)本地圖片預(yù)覽
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)本地圖片預(yù)覽的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
JavaScript中alert的使用方法超詳細(xì)介紹
JS中的alert作用是在瀏覽器中彈出一個(gè)警告框,而使用alert有三種方式,不同的方式所呈現(xiàn)的效果也不相同,這篇文章主要給大家介紹了關(guān)于JavaScript中alert使用方法的相關(guān)資料,需要的朋友可以參考下2024-01-01