Javascript中找到子元素在父元素內(nèi)相對位置的代碼
更新時間：2012年07月21日 09:02:03 作者：
因為想自動定位到子元素，所以一直在找各種找尋元素位置的代碼。
不過總是找不到可以定位子元素相對位置的代碼
經(jīng)過自己一晚上嘗試，貌似找到了一個方法。
現(xiàn)在腦袋還糊涂，先記下來，以后再分析。
// 找到子元素在父元素中的相對位置
function getElementTop(element){
var el = (typeof element == "string") ? document.getElementById(element) : element;
if (el.parentNode === null || el.style.display == 'none') {
return false;
}
return el.offsetTop - el.parentNode.offsetTop;
}
這個函數(shù)可以獲取子元素在父元素中的相對高度，可以通過設置父元素的 scrollTop 的屬性來定位到子元素的位置
現(xiàn)在腦袋還糊涂，先記下來，以后再分析。
復制代碼 代碼如下:
// 找到子元素在父元素中的相對位置
function getElementTop(element){
var el = (typeof element == "string") ? document.getElementById(element) : element;
if (el.parentNode === null || el.style.display == 'none') {
return false;
}
return el.offsetTop - el.parentNode.offsetTop;
}
這個函數(shù)可以獲取子元素在父元素中的相對高度，可以通過設置父元素的 scrollTop 的屬性來定位到子元素的位置
相關(guān)文章
這篇文章主要介紹了從零開始用electron手擼一個截屏工具的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
JavaScript使用setInterval()函數(shù)實現(xiàn)簡單輪詢操作的方法
這篇文章主要介紹了JavaScript使用setInterval()函數(shù)實現(xiàn)簡單輪詢操作的方法,以實例形式分析了輪詢操作的原理與javascript實現(xiàn)技巧,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了原生JS實現(xiàn)獲取及修改CSS樣式的方法,結(jié)合實例形式簡單分析了JavaScript針對頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-09-09
這篇文章主要介紹了JavaScript動畫：offset和勻速動畫詳解(含輪播圖的實現(xiàn))，并把實現(xiàn)代碼做了分享，有興趣的朋友參考下。2018-02-02
下面小編就為大家?guī)硪黄狫S獲取隨機數(shù)和時間轉(zhuǎn)換的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要為大家詳細介紹了JavaScript中閉包的一些難點，文中的示例代碼講解詳細，對我們學習JavaScript有一定幫助，需要的可以參考一下2022-09-09
這篇文章主要為大家詳細介紹了使用javascript實現(xiàn)雙端隊列，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
ES6新特性五：Set與Map的數(shù)據(jù)結(jié)構(gòu)實例分析
這篇文章主要介紹了ES6新特性五之Set與Map的數(shù)據(jù)結(jié)構(gòu),結(jié)合實例形式分析了ES6中Set與Map的功能、定義、屬性、結(jié)構(gòu)與相關(guān)使用技巧,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了微信小程序封裝自定義彈窗的實現(xiàn)代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
這篇文章主要通過一張圖讓你看懂JavaScript各類型的關(guān)系，需要的朋友可以參考下2015-10-10