Javascript中找到子元素在父元素內相對位置的代碼
更新時間：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 的屬性來定位到子元素的位置
相關文章
JavaScript實現(xiàn)輸入框與清空按鈕聯(lián)動效果
本文給大家分享基于js實現(xiàn)輸入框與清空框按鈕聯(lián)動效果，非常實用，代碼簡單易懂，感興趣的朋友一起看看吧2016-09-09
這篇文章主要介紹了對TypeScript庫進行單元測試的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-07-07
這篇文章主要為大家詳細介紹了前端js彈出框組件的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
下面小編就為大家?guī)硪黄猨s操作瀏覽器的參數(shù)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
這篇文章主要介紹了JavaScript設計模式之工廠模式,結合完整實例形式分析了工廠模式的概念、原理及javascript定義與使用工廠模式的相關操作技巧,需要的朋友可以參考下2018-07-07
這篇文章主要為大家詳細介紹了Bootstrap布局組件，感興趣的小伙伴們可以參考一下2016-07-07
easyui-edatagrid.js實現(xiàn)回車鍵結束編輯功能的實例
下面小編就為大家?guī)硪黄猠asyui-edatagrid.js實現(xiàn)回車鍵結束編輯功能的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了微信小程序單選radio及多選checkbox按鈕用法,結合實例形式分析了微信小程序中單選radio及多選checkbox按鈕的選項設置、讀取、選中等相關操作技巧,需要的朋友可以參考下2019-04-04
很少有人對JavaScript的面向對象特性進行系統(tǒng)的分析。我希望接下來的文字讓你了解到這個語言最少為人知的一面。2009-12-12
下面小編就為大家?guī)硪黄猨s 上傳文件預覽的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08