Javascript拖拽系列文章1之offsetParent屬性第1/3頁
更新時(shí)間：2008年09月22日 15:11:51 作者：
這個(gè)系列文章主要是講述實(shí)現(xiàn)Javascript拖拽功能的基礎(chǔ)知識(shí)，并將在最后給出一個(gè)完整的示例。適合對(duì)拖拽完全不懂的人閱讀
第一篇就先講講Javascript中的offsetParent屬性吧。
支持的瀏覽器：Internet Explorer 4.0+，Mozilla 1.0+，Netscape 6.0+，Opera 7.0+，Safari 1.0+
element.offsetParent
Summary
offsetParent returns a reference to the object which is the closest (nearest in the containment hierarchy) positioned containing element. If the element is non-positioned, the root element (html in standards compliant mode; body in quirks rendering mode) is the offsetParent. offsetParent returns null when the element has style.display set to "none".
Syntax
parentObj = element.offsetParent
Parameters
· parentObj is an object reference to the element in which the current element is offset.
Specification
DOM Level 0. Not part of specification.
節(jié)選自Mozilla Developer Center網(wǎng)站
翻譯如下：
element.offsetParent
總結(jié)
offsetParent屬性返回一個(gè)對(duì)象的引用，這個(gè)對(duì)象是距離調(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ì)算。
規(guī)范
DOM Level 0. 并非規(guī)范的一部分.
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
支持的瀏覽器：Internet Explorer 4.0+，Mozilla 1.0+，Netscape 6.0+，Opera 7.0+，Safari 1.0+
element.offsetParent
Summary
offsetParent returns a reference to the object which is the closest (nearest in the containment hierarchy) positioned containing element. If the element is non-positioned, the root element (html in standards compliant mode; body in quirks rendering mode) is the offsetParent. offsetParent returns null when the element has style.display set to "none".
Syntax
parentObj = element.offsetParent
Parameters
· parentObj is an object reference to the element in which the current element is offset.
Specification
DOM Level 0. Not part of specification.
節(jié)選自Mozilla Developer Center網(wǎng)站
翻譯如下：
element.offsetParent
總結(jié)
offsetParent屬性返回一個(gè)對(duì)象的引用，這個(gè)對(duì)象是距離調(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ì)算。
規(guī)范
DOM Level 0. 并非規(guī)范的一部分.
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
深拷貝和淺拷貝是面試中經(jīng)常出現(xiàn)的,主要考察對(duì)基本類型和引用類型的理解深度,本文主要給大家介紹了js實(shí)現(xiàn)深拷貝和淺拷貝的方式,需要的朋友可以參考下2022-05-05
深入理解JavaScript中為什么string可以擁有方法
下面小編就為大家?guī)硪黄钊肜斫釰avaScript中為什么string可以擁有方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要為大家詳細(xì)介紹了純JS實(shí)現(xiàn)五子棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
本文主要介紹了Javascript仿京東放大鏡效果的實(shí)例。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-03-03
用js控件div的滾動(dòng)條,讓它在內(nèi)容更新時(shí)自動(dòng)滾到底部的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄胘s控件div的滾動(dòng)條,讓它在內(nèi)容更新時(shí)自動(dòng)滾到底部的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
本篇文章主要介紹了詳解webpack介紹&安裝&常用命令，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
layui添加動(dòng)態(tài)菜單與選項(xiàng)卡
這篇文章主要為大家詳細(xì)介紹了layui添加動(dòng)態(tài)菜單與選項(xiàng)卡，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
指定區(qū)域的圖片自動(dòng)按比例縮小的js代碼（防止頁面被圖片撐破）
有時(shí)候我們更新的內(nèi)容，有很多的大圖片，就會(huì)導(dǎo)致頁面變形或看不到全圖。一般情況我們用css的max-width控制，但有些瀏覽器不支持，我們也可以用js做個(gè)補(bǔ)充2014-02-02
這篇文章主要介紹了js實(shí)現(xiàn)簡易拖拽的示例，幫助大家更好的理解和學(xué)習(xí)JavaScript,感興趣的朋友可以了解下2020-10-10
JavaScript中使用document.write向頁面輸出內(nèi)容實(shí)例
這篇文章主要介紹了JavaScript中使用document.write向頁面輸出內(nèi)容實(shí)例,本文講解了輸出普通文字、帶HTML標(biāo)簽內(nèi)容的方法,需要的朋友可以參考下2014-10-10