JSOffsetParent屬性深入解析_javascript技巧

offsetParent屬性返回一個對象的引用，這個對象是距離調(diào)用offsetParent的元素最近的（在包含層次中最靠近的），并且是已進行過CSS定位的容器元素。 如果這個容器元素未進行CSS定位, 則offsetParent屬性的取值為根元素(在標準兼容模式下為html元素；在怪異呈現(xiàn)模式下為body元素)的引用。 當容器元素的style.display 被設(shè)置為 "none"時（譯注：IE和Opera除外），offsetParent屬性 返回 null。

句法：
parentObj = element.offsetParent

變量：
· parentObj 是一個元素的引用，當前元素的偏移量在其中計算。
代碼如下:










測試結(jié)果：
Firefox3："BODY"
Internet Explorer 7："BODY"
Opera 9.51："BODY"
Chrome 0.2："BODY"
Safari 3："BODY

結(jié)論：
當某個元素及其DOM結(jié)構(gòu)層次中元素都未進行CSS定位時(absolute或者relative)[或者某個元素進行CSS定位時而DOM結(jié)構(gòu)層次中元素都未進行CSS定位時],則這個元素的offsetParent屬性的取值為根元素。更確切地說，這個元素的各種偏移量計算（offsetTop、offsetLeft等）的參照物為Body元素。(其實無論時標準兼容模式還是怪異模式，根元素都為Body元素)

測試代碼2
代碼如下:

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com