想必現(xiàn)在有很多小伙伴對于js parentElement和offsetParent之間的區(qū)別方面的知識都比較想要了解,那么今天小好小編就為大家收集了一些關于js parentElement和offsetParent之間的區(qū)別方面的知識分享給大家,希望大家會喜歡哦。
首先是 parentElement 屬性,這個屬性好理解,就是在 DOM 層次結構定義的上下級關系,如果元素A包含元素B,那么元素B就可以通過
parentElement 屬性來獲取元素A。
這里主要說的是 offsetParent 屬性,這個屬性在 MSDN
轉載或者也引用本文商內容請許注明來源受于芝上士回答
的文檔中也沒有解釋清楚,這就讓人更難理解這個屬性。 這幾天在網上找了些資料看看,再加上自己的一些測試,對此屬性有了那么一點的了解,在這里總結一下。
要明白 offsetParent 屬性,要先明白“已定位元素” 這個名字,所謂“已定位元素”就是指給元素設置了 position 屬性的樣式,并且
position 樣式屬性的值等于 absolute、relative、fixed 之一的元素。
在使用 offsetParent
屬性獲取父級對象時有以下兩種情況:
1、元素本身已經定位
了得現(xiàn)由路九整省,稱太片局。
如果元素本身已經定位,那么 offsetParent
屬性返回此元素已定位父級元素,如沒有已定位的父級元素,則返回 BODY 對象,例如:
復制代碼
代碼如下:
到工面得家當或問情求見北完拉響稱太。
obj1.offsetParent 返回 BODY 對象
obj2.offsetParent 返回
pObj1 對象
2、元素沒有定位
如果元素沒有定位, offsetParent
不但會找已經定位的父級元素而且還會查找類型為 TD 和 TABLE 的父級元素,只要找到這三種父級元素的其中任何一種元素將返回此元素,否則返回 BODY
對象,例如:
復制代碼
代碼如下:
id="obj1">
style="position:relative">
obj1.offsetParent 返回 td1 對象
obj2.offsetParent 返回 pObj2
對象
在 DOM 元素的屬性里,還有 parentNode 這個屬性,其實這個屬性跟 parentElement
屬性是一個意思,parentElement 屬性是 IE 特有的,W3C 標準是使用 parentNode 屬性,還有 children 和
childNodes, children 是 IE 特有的, childNodes 被其他瀏覽支持。
本文到此結束,希望對大家有所幫助。