元素偏移量 offset系列

2021-10-14 14:16:37 字數 417 閱讀 5625

offset 翻譯過來就是偏移量,我們使用offset 系列相關屬性可以動態的得到改元素的位置(偏移)、大小等。

offset系列屬性

作用element.offsetparent

返回作為該元素帶有定位的父級元素 如果父級都沒有定位則返回body

element.offsettop

返回元素相對帶有定位元素上方的偏移

element.offsetleft

返回元素相對帶有定位父元素左邊框的偏移

element.offsetwidth

返回自身包括padding、邊框、內容區的寬度,返回數值不帶單位

element.offsetheight

返回自身包括padding、邊框、內容區的高度,返回數值不帶單位

offset

style

元素偏移量offset系列

1.可以得到元素的偏移 位置 返回的數值不帶單位 console.log f.offsettop console.log f.offsetleft 它以帶有定位的父親為準 如果沒有父親或父親沒有定位則以body為準 console.log s.offsetleft 2.可以得到元素的大小 寬度和高度...

元素偏移量offset系列

offset翻譯過來,就是偏移量,我們使用offset系列相關屬性,可以動態的得到該元素的位置 偏移 大小等。offset系列常用屬性 offset系列屬性 作用element.offsetparent 返回作為該元素帶有定位的父級,如果父級都沒有定位,則返回body element.offsett...

1 元素偏移量 offset

1 得到元素位置 offsettop 返回帶有定位父元素 上方的偏移 offsetleft 返回帶有定位父元素 左方的偏移 如果父元素沒有定位 以body為基準 2 得到元素大小 offsetwidth 返回自身 寬度 offsetheight 返回自身 高度 返回值不帶單位 包含 邊框 內邊距 內...