Javascript中找到子元素在父元素內(nèi)相對位置的代碼
更新時間:2012年07月21日 09:02:03 作者:
因?yàn)橄胱詣佣ㄎ坏阶釉?,所以一直在找各種找尋元素位置的代碼。
不過總是找不到可以定位子元素相對位置的代碼
經(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ù)可以獲取子元素在父元素中的相對高度,可以通過設(shè)置父元素的 scrollTop 的屬性來定位到子元素的位置
現(xiàn)在腦袋還糊涂,先記下來,以后再分析。
復(fù)制代碼 代碼如下:
// 找到子元素在父元素中的相對位置
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ù)可以獲取子元素在父元素中的相對高度,可以通過設(shè)置父元素的 scrollTop 的屬性來定位到子元素的位置
相關(guān)文章
從零開始用electron手?jǐn)]一個截屏工具的示例代碼
這篇文章主要介紹了從零開始用electron手?jǐn)]一個截屏工具的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-10-10JavaScript使用setInterval()函數(shù)實(shí)現(xiàn)簡單輪詢操作的方法
這篇文章主要介紹了JavaScript使用setInterval()函數(shù)實(shí)現(xiàn)簡單輪詢操作的方法,以實(shí)例形式分析了輪詢操作的原理與javascript實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-02-02原生JS實(shí)現(xiàn)獲取及修改CSS樣式的方法
這篇文章主要介紹了原生JS實(shí)現(xiàn)獲取及修改CSS樣式的方法,結(jié)合實(shí)例形式簡單分析了JavaScript針對頁面元素屬性動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-09-09JS獲取隨機(jī)數(shù)和時間轉(zhuǎn)換的簡單實(shí)例
下面小編就為大家?guī)硪黄狫S獲取隨機(jī)數(shù)和時間轉(zhuǎn)換的簡單實(shí)例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07ES6新特性五:Set與Map的數(shù)據(jù)結(jié)構(gòu)實(shí)例分析
這篇文章主要介紹了ES6新特性五之Set與Map的數(shù)據(jù)結(jié)構(gòu),結(jié)合實(shí)例形式分析了ES6中Set與Map的功能、定義、屬性、結(jié)構(gòu)與相關(guān)使用技巧,需要的朋友可以參考下2017-04-04