JSOffsetParent屬性深入解析_javascript技巧
來源：懂視網
責編：小采
時間：2020-11-27 21:18:32
JSOffsetParent屬性深入解析_javascript技巧
JSOffsetParent屬性深入解析_javascript技巧:offsetParent屬性返回一個對象的引用，這個對象是距離調用offsetParent的元素最近的（在包含層次中最靠近的），并且是已進行過CSS定位的容器元素。 如果這個容器元素未進行CSS定位, 則offsetParent屬性的取值為根元素(在標準兼容模式下為html元素；在怪
導讀JSOffsetParent屬性深入解析_javascript技巧:offsetParent屬性返回一個對象的引用，這個對象是距離調用offsetParent的元素最近的（在包含層次中最靠近的），并且是已進行過CSS定位的容器元素。 如果這個容器元素未進行CSS定位, 則offsetParent屬性的取值為根元素(在標準兼容模式下為html元素；在怪
offsetParent屬性返回一個對象的引用，這個對象是距離調用offsetParent的元素最近的（在包含層次中最靠近的），并且是已進行過CSS定位的容器元素。 如果這個容器元素未進行CSS定位, 則offsetParent屬性的取值為根元素(在標準兼容模式下為html元素；在怪異呈現模式下為body元素)的引用。 當容器元素的style.display 被設置為 "none"時（譯注：IE和Opera除外），offsetParent屬性 返回 null。
句法：
parentObj = element.offsetParent
變量：
· parentObj 是一個元素的引用，當前元素的偏移量在其中計算。
代碼如下:
Untitled Document測試結果：
Firefox3："BODY"
Internet Explorer 7："BODY"
Opera 9.51："BODY"
Chrome 0.2："BODY"
Safari 3："BODY
結論：
當某個元素及其DOM結構層次中元素都未進行CSS定位時(absolute或者relative)[或者某個元素進行CSS定位時而DOM結構層次中元素都未進行CSS定位時],則這個元素的offsetParent屬性的取值為根元素。更確切地說，這個元素的各種偏移量計算（offsetTop、offsetLeft等）的參照物為Body元素。(其實無論時標準兼容模式還是怪異模式，根元素都為Body元素)
測試代碼2
代碼如下:
Untitled Document聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JSOffsetParent屬性深入解析_javascript技巧
JSOffsetParent屬性深入解析_javascript技巧:offsetParent屬性返回一個對象的引用，這個對象是距離調用offsetParent的元素最近的（在包含層次中最靠近的），并且是已進行過CSS定位的容器元素。 如果這個容器元素未進行CSS定位, 則offsetParent屬性的取值為根元素(在標準兼容模式下為html元素；在怪
