国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js獲取元素在瀏覽器中的絕對位置

2019-11-21 00:20:21
字體:
來源:轉載
供稿:網友
JavaScript中提供獲取HTML元素位置的屬性:

HTMLElement.offsetLeft
HTMLElement.offsetHeight
但 是需要注意的是,這兩個屬性所儲存的數值并不是該元素相對整個瀏覽器畫布的絕對位置,而是相對于其父元素位置的相對位置,也就是說這兩個數值得到的是以其 父元素左上角為(0,0)點從而計算出的數值。那么如何得到一個HTML元素的絕對位置呢,可以用以下函數:

復制代碼 代碼如下:

//獲取元素的縱坐標
function getTop(e){
var offset=e.offsetTop;
if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
return offset;
}
//獲取元素的橫坐標
function getLeft(e){
var offset=e.offsetLeft;
if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
return offset;
}

其原理就是利用HTMLElement.offsetParent屬性,如果當前元素的父元素不是空(null),則在原本的offsetTop基礎上加上當前的offsetTop,然后繼續獲取父元素的父元素的offsetTop,再將其加之,最終遞歸出該元素相對于整個瀏覽器畫布的縱坐標。橫坐標亦然。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 北票市| 曲阳县| 定陶县| 高要市| 兴和县| 陈巴尔虎旗| 瓦房店市| 夏邑县| 无极县| 旺苍县| 高邑县| 南和县| 天峻县| 崇阳县| 蓝田县| 慈利县| 浦东新区| 恩平市| 遂宁市| 探索| 灵璧县| 昭通市| 马关县| 阜南县| 贡嘎县| 突泉县| 峨边| 嘉善县| 商都县| 大荔县| 海丰县| 沙雅县| 个旧市| 大渡口区| 江达县| 双峰县| 泗洪县| 佛坪县| 当雄县| 上栗县| 阳泉市|