首頁(yè) 猿問(wèn) obj =...

obj = obj.offsetParent;是什么意思？

JavaScript

ibeautiful 2018-09-12 09:18:35

RT obj = obj.offsetParent;是什么意思？以前很少用原生JS，都是用JQ獲取某個(gè)元素距離頁(yè)面頂部的偏移量，像這樣：var offsetTop = $(obj).offset().top;然后在用原生js的時(shí)候需要獲取多層嵌套的任意元素相于<body>頂部的偏移量要這樣：function getTop(obj) { var iTop = 0; while (obj != window.document.body && obj != null) { iTop += obj.offsetTop; obj = obj.offsetParent; } return iTop; }這里的obj = obj.offsetParent沒(méi)明白是什么意思，我去掉這句后，運(yùn)行時(shí)，瀏覽器直接卡死了，說(shuō)明while變成了無(wú)限循環(huán)。。那么就是obj變成了body或者null...有誰(shuí)能詳細(xì)解釋一下這個(gè)函數(shù)和obj = obj.offsetParent么- -感謝！

查看完整描述

1 回答

慕勒3428872

TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超6個(gè)贊

獲取父級(jí)

obj = obj.parent;

獲取最近的祖先定位元素，也就是有position: absolute/fixed/relative的最近的一個(gè)祖先

obj = obj.offsetParent;

你那個(gè)是一直向上遞推到 body（或者遞推到根節(jié)點(diǎn)），累加offetTop，得出你的div 距離 body 的高度

var obj = document.getElementById('aa');var top = 0;while (obj != document.body && obj != null)
 //遞推 obj 到 body 或者 空 為止，注意：到...為止{
    top += obj.offsetTop; //obj獲取 到有position祖先中的offsetTop值
    obj = obj.offsetParent; //替換obj 為有position的祖先}

反對(duì) 回復(fù) 2018-10-27