元素的偏移量 offset?
offset 翻譯過來就是偏移量伺糠,我們使用 offset 系列相關(guān)屬性可以動態(tài)的得到該元素的位置(偏移)、大小等胸竞。
- 獲得元素距離帶有定位的父元素的位置
- 獲得元素自身的大衅坂汀(寬度高度)
- 注意:返回的值都不帶單位
offset 系列常用?屬性
element.offsetParent? 返回作為該元素帶有定位的父級元素 如果父級元素都沒有定位則返回body
element.offsetTop 返回元素相對帶有定位父元素上方的偏移
element.offsetLeft 返回元素相對帶有定位父級元素左邊框的偏移
element.offsetWidth 返回自身包括padding、邊框撤师、內(nèi)容區(qū)的寬度剂府,返回值不帶單位
element.offsetHeight 返回自身包括padding、邊框剃盾、內(nèi)容區(qū)的高度腺占,返回值不帶單位
offset 與 style 的區(qū)別
offsetWidth / offsetHeight 獲取的值包括padding、邊框痒谴,而style僅僅包括內(nèi)容區(qū)衰伯。
offsetWidth / offsetHeight 獲取的值不帶單位,style帶單位积蔚。
offsetWidth / offsetHeight 獲取的值不可讀寫意鲸,style可讀寫。