JavaScript--元素偏移量(offset)

MetX發表於2024-05-02

一、offset是什麼

1、offset翻譯過來就是偏移量,我們使用offset系列相關屬性可以動態得到元素的位置(偏移)、大小(元素內容+padding+border);
2、獲得元素距離帶有定位父元素的位置;
3、注意:返回的資料都不帶單位;

offset系列常用屬性:

element.offsetHeight 返回任何一個元素的高度包括邊框(border)和內邊距(padding),但不包含外邊距(marge)
element.offsetWidth 返回元素的寬度,包含邊框(border)和內邊距(padding),但不包含外邊距(margin)
element.offsetLeft 返回當前元素的相對帶有定位元素偏移位置的偏移容器的距離
element.offsetParent 返回元素的偏移容器,帶有定位的父級元素,如果父級沒有定位則返回body
element.offsetTop 返回當前元素的相對帶有定位父元素垂直偏移位置的偏移容器

相關文章