您好,登錄后才能下訂單哦!
本篇內(nèi)容介紹了“JS中的offsetwidth有什么作用”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
offsetwidth這個屬性,可以說是非常有用的,顧名思義,offset翻譯過來就是偏移量,從名字就可以看出它的具體意義了。也即是元素相當于父元素的偏移量。
offsetwidth怎樣
offset大致包括offsetTop、offsetLeft、offsetWidth、offsetHeight、offsetParent五個部分,直白的翻譯過來分別是上偏移、左偏移、偏移寬度、偏移高度、偏移父級。翻譯雖不夠恰當,但仍可體現(xiàn)出其大致意義。
offsetTop:元素相對父元素上方的偏移。
offsetLeft:元素相對父元素左邊框的偏移。
offsetWidth:自身包括padding、邊框、內(nèi)容區(qū)的寬度。
offsetHeight:自身包括padding、邊框、內(nèi)容去的高度。
offsetParent:作為偏移參照點的父級元素。
offsetwidth其中需要注意的是:
1、offsetTop和offsetLeft都是相對父元素的邊框內(nèi)部的偏移量。也即是元素邊框外部到父元素邊框內(nèi)部的距離。
2、offsetParent通常并不是元素的直接上級元素,而是指的離元素最近的設置過position(即position不為static)的父級元素,最多查詢到body。即父級元素中不存在設置過position的元素時,其offsetParent為body;position=fixed元素的offsetParent為null;body元素的offsetParent為null。
3、position為fixed的元素,其offsetParent為null,但是計算offsetTop和offsetLeft時,可將其認為是瀏覽器視口。
4、但對于offsetParent同樣為null的body,其offsetTop和offsetLeft永遠為0。
5、所有的值都不帶單位px,可以直接使用。
6、原生js中有個跟offset作用很類似的函數(shù)就是getBoundingClientRect(),它也可以獲取元素偏移量和寬高,其中寬高的計算方式相同,但是在計算便宜量時,經(jīng)過測試此函數(shù)永遠是相對瀏覽器視口進行計算的。
“JS中的offsetwidth有什么作用”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注億速云網(wǎng)站,小編將為大家輸出更多高質量的實用文章!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。