JavaScript獲取指定元素位置的方法
更新時(shí)間：2015年04月08日 14:45:14 作者：ishare
這篇文章主要介紹了JavaScript獲取指定元素位置的方法,實(shí)例分析了javascript中l(wèi)eft、scrollLeft、top、scrollTop、offsetHeight等屬性的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了JavaScript獲取指定元素位置的方法。分享給大家供大家參考。具體如下：
復(fù)制代碼 代碼如下:
function showpane() {
var self = document.getElementById("eID");
var left = self.getBoundingClientRect().left + document.documentElement.scrollLeft;
var top = self.getBoundingClientRect().top + document.documentElement.scrollTop + self.offsetHeight;
}
var self = document.getElementById("eID");
var left = self.getBoundingClientRect().left + document.documentElement.scrollLeft;
var top = self.getBoundingClientRect().top + document.documentElement.scrollTop + self.offsetHeight;
}
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章給大家分享了JS中判斷字符串存在和非空的方法以及相關(guān)注意點(diǎn)總結(jié)，有興趣的朋友們參考下。2018-09-09
js實(shí)現(xiàn)酷炫倒計(jì)時(shí)動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)酷炫倒計(jì)時(shí)動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
requestAnimationFrame用法優(yōu)化源碼解析
這篇文章主要介紹了requestAnimationFrame用法優(yōu)化源碼解讀,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
js setTimeout實(shí)現(xiàn)延遲關(guān)閉彈出層
有時(shí)候我們希望彈出層能夠?qū)崿F(xiàn)延遲關(guān)閉，并且鼠標(biāo)在彈出層區(qū)域移動(dòng)的時(shí)候能夠保持顯現(xiàn)，下面是具體的實(shí)現(xiàn)代碼。2010-04-04
將文本內(nèi)容添加到表格中在實(shí)際應(yīng)用中很常見，下面為大家簡要介紹下具體的實(shí)現(xiàn)過程，感興趣的朋友可以參考下2013-08-08
這篇文章主要為大家詳細(xì)介紹了js+canvas實(shí)現(xiàn)紙牌游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
本文給大家詳細(xì)分析了javascript中的6種變量類型，通過示例做了詳細(xì)的解釋，十分的實(shí)用，對(duì)于大家熟練掌握變量類型非常有幫助，有需要的小伙伴可以參考下。2015-07-07
這篇文章主要為大家分享了一款很棒的js組輪播特效，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要為大家詳細(xì)介紹了原生JavaScript編寫連連看游戲的實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-05-05
js form表單input框限制20個(gè)字符，10個(gè)漢字代碼實(shí)例
這篇文章主要介紹了js form表單input框限制20個(gè)字符，10個(gè)漢字，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04