Javascript中找到子元素在父元素內(nèi)相對(duì)位置的代碼
更新時(shí)間：2012年07月21日 09:02:03 作者：
因?yàn)橄胱詣?dòng)定位到子元素，所以一直在找各種找尋元素位置的代碼。
不過總是找不到可以定位子元素相對(duì)位置的代碼
經(jīng)過自己一晚上嘗試，貌似找到了一個(gè)方法。
現(xiàn)在腦袋還糊涂，先記下來，以后再分析。
// 找到子元素在父元素中的相對(duì)位置
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;
}
這個(gè)函數(shù)可以獲取子元素在父元素中的相對(duì)高度，可以通過設(shè)置父元素的 scrollTop 的屬性來定位到子元素的位置
現(xiàn)在腦袋還糊涂，先記下來，以后再分析。
復(fù)制代碼 代碼如下:
// 找到子元素在父元素中的相對(duì)位置
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;
}
這個(gè)函數(shù)可以獲取子元素在父元素中的相對(duì)高度，可以通過設(shè)置父元素的 scrollTop 的屬性來定位到子元素的位置
相關(guān)文章
JavaScript實(shí)現(xiàn)輸入框與清空按鈕聯(lián)動(dòng)效果
本文給大家分享基于js實(shí)現(xiàn)輸入框與清空框按鈕聯(lián)動(dòng)效果，非常實(shí)用，代碼簡單易懂，感興趣的朋友一起看看吧2016-09-09
對(duì)TypeScript庫進(jìn)行單元測(cè)試的方法
這篇文章主要介紹了對(duì)TypeScript庫進(jìn)行單元測(cè)試的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
這篇文章主要為大家詳細(xì)介紹了前端js彈出框組件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
下面小編就為大家?guī)硪黄猨s操作瀏覽器的參數(shù)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-01-01
JavaScript設(shè)計(jì)模式之工廠模式簡單實(shí)例教程
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之工廠模式,結(jié)合完整實(shí)例形式分析了工廠模式的概念、原理及javascript定義與使用工廠模式的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
這篇文章主要為大家詳細(xì)介紹了Bootstrap布局組件，感興趣的小伙伴們可以參考一下2016-07-07
easyui-edatagrid.js實(shí)現(xiàn)回車鍵結(jié)束編輯功能的實(shí)例
下面小編就為大家?guī)硪黄猠asyui-edatagrid.js實(shí)現(xiàn)回車鍵結(jié)束編輯功能的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了微信小程序單選radio及多選checkbox按鈕用法,結(jié)合實(shí)例形式分析了微信小程序中單選radio及多選checkbox按鈕的選項(xiàng)設(shè)置、讀取、選中等相關(guān)操作技巧,需要的朋友可以參考下2019-04-04
下面小編就為大家?guī)硪黄猨s 上傳文件預(yù)覽的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-08-08