JSOffsetParent屬性深入解析_javascript技巧
來源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 21:18:32
JSOffsetParent屬性深入解析_javascript技巧
JSOffsetParent屬性深入解析_javascript技巧:offsetParent屬性返回一個(gè)對象的引用,這個(gè)對象是距離調(diào)用offsetParent的元素最近的(在包含層次中最靠近的),并且是已進(jìn)行過CSS定位的容器元素。 如果這個(gè)容器元素未進(jìn)行CSS定位, 則offsetParent屬性的取值為根元素(在標(biāo)準(zhǔn)兼容模式下為html元素;在怪
導(dǎo)讀JSOffsetParent屬性深入解析_javascript技巧:offsetParent屬性返回一個(gè)對象的引用,這個(gè)對象是距離調(diào)用offsetParent的元素最近的(在包含層次中最靠近的),并且是已進(jìn)行過CSS定位的容器元素。 如果這個(gè)容器元素未進(jìn)行CSS定位, 則offsetParent屬性的取值為根元素(在標(biāo)準(zhǔn)兼容模式下為html元素;在怪

offsetParent屬性返回一個(gè)對象的引用,這個(gè)對象是距離調(diào)用offsetParent的元素最近的(在包含層次中最靠近的),并且是已進(jìn)行過CSS定位的容器元素。 如果這個(gè)容器元素未進(jìn)行CSS定位, 則offsetParent屬性的取值為根元素(在標(biāo)準(zhǔn)兼容模式下為html元素;在怪異呈現(xiàn)模式下為body元素)的引用。 當(dāng)容器元素的style.display 被設(shè)置為 "none"時(shí)(譯注:IE和Opera除外),offsetParent屬性 返回 null。
句法:
parentObj = element.offsetParent
變量:
· parentObj 是一個(gè)元素的引用,當(dāng)前元素的偏移量在其中計(jì)算。
代碼如下:
Untitled Document測試結(jié)果:
Firefox3:"BODY"
Internet Explorer 7:"BODY"
Opera 9.51:"BODY"
Chrome 0.2:"BODY"
Safari 3:"BODY
結(jié)論:
當(dāng)某個(gè)元素及其DOM結(jié)構(gòu)層次中元素都未進(jìn)行CSS定位時(shí)(absolute或者relative)[或者某個(gè)元素進(jìn)行CSS定位時(shí)而DOM結(jié)構(gòu)層次中元素都未進(jìn)行CSS定位時(shí)],則這個(gè)元素的offsetParent屬性的取值為根元素。更確切地說,這個(gè)元素的各種偏移量計(jì)算(offsetTop、offsetLeft等)的參照物為Body元素。(其實(shí)無論時(shí)標(biāo)準(zhǔn)兼容模式還是怪異模式,根元素都為Body元素)
測試代碼2
代碼如下:
Untitled Document聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JSOffsetParent屬性深入解析_javascript技巧
JSOffsetParent屬性深入解析_javascript技巧:offsetParent屬性返回一個(gè)對象的引用,這個(gè)對象是距離調(diào)用offsetParent的元素最近的(在包含層次中最靠近的),并且是已進(jìn)行過CSS定位的容器元素。 如果這個(gè)容器元素未進(jìn)行CSS定位, 則offsetParent屬性的取值為根元素(在標(biāo)準(zhǔn)兼容模式下為html元素;在怪