Javascript拖拽系列文章1之offsetParent屬性第2/3頁
更新時間：2008年09月22日 15:11:51 作者：
這個系列文章主要是講述實現(xiàn)Javascript拖拽功能的基礎知識，并將在最后給出一個完整的示例。適合對拖拽完全不懂的人閱讀
測試結果：
Firefox3："BODY"
Internet Explorer 7："BODY"
Opera 9.51："BODY"
Chrome 0.2："BODY"
Safari 3："BODY"
結論：
當某個元素及其父元素都未進行CSS定位時，則這個元素的offsetParent屬性的取值為根元素。更確切地說，這個元素的各種偏移量計算（offsetTop、offsetLeft等）的參照物為Body元素。（其實無論時標準兼容模式還是怪異模式，根元素都為Body元素）
測試代碼2：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
測試結果：
Firefox3："DIV"
Internet Explorer 7："DIV"
Opera 9.51："DIV"
Chrome 0.2："DIV"
Safari 3："DIV"
結論：
當某個元素的父元素進行了CSS定位時（absolute或者relative），則這個元素的offsetParent屬性的取值為其父元素。更確切地說，這個元素的各種偏移量計算（offsetTop、offsetLeft等）的參照物為其父元素。
測試代碼3：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
Firefox3："H1"
Internet Explorer 7："H1"
Opera 9.51："H1"
Chrome 0.2："H1"
Safari 3："H1"
結論：
當某個元素及其父元素都未進行CSS定位時（absolute或者relative），則這個元素的offsetParent屬性的取值為在DOM結構層次中距離其最近，并且已進行了CSS定位的元素。
相關文章
JS獲取表格內(nèi)指定單元格html內(nèi)容的方法
這篇文章主要介紹了JS獲取表格內(nèi)指定單元格html內(nèi)容的方法,涉及javascript中innerHTML屬性的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
讓JavaScript中setTimeout支持鏈式操作的方法
這篇文章主要介紹了讓JavaScript中setTimeout支持鏈式操作的方法,本文直接給出代碼實例,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JS原型對象操作,結合實例形式分析了JS原型對象基本原理、用法及操作注意事項,需要的朋友可以參考下2020-06-06
本文主要介紹了Next.js腳手架完整搭建封裝的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-04-04
JS實現(xiàn)可直接顯示網(wǎng)頁代碼運行效果的HTML代碼預覽功能實例
這篇文章主要介紹了JS實現(xiàn)可直接顯示網(wǎng)頁代碼運行效果的HTML代碼預覽功能,通過獲取文本框內(nèi)容并在新窗口打印輸出來實現(xiàn)直接運行html代碼的功能,簡單實用,需要的朋友可以參考下2015-08-08
style、 currentStyle、 runtimeStyle區(qū)別分析
style、 currentStyle、 runtimeStyle區(qū)別分析,需要的朋友可以參考下。2010-08-08
純js三維數(shù)組實現(xiàn)三級聯(lián)動效果
這篇文章主要為大家詳細介紹了純js三維數(shù)組實現(xiàn)三級聯(lián)動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了js彈出確認是否刪除對話框，具體實現(xiàn)代碼如下，需要的朋友可以參考下2014-03-03
用js寫一段小程序，但是又覺得使用瀏覽器去運行挺麻煩的，下面為大家介紹下如何使用java程序調(diào)用javascript程序，有類似需求的朋友可以參考下哈，希望對大家有所幫助2013-07-07
非常不錯的ymyang 繪圖效果代碼。2009-04-04