1 元素偏移量 offset

2022-06-08 17:09:11 字數 711 閱讀 5172

1)得到元素位置

offsettop  // 

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

offsetleft //

返回帶有定位父元素 左方的偏移

如果父元素沒有定位 以body為基準

2)得到元素大小

offsetwidth  // 返回自身 寬度

offsetheight // 返回自身 高度

返回值不帶單位

包含:邊框 + 內邊距 + 內容區域

3)返回父類

element.offsetparent; //

返回帶有定位的父親 否則返回body

element.parentnode;

//返回最近一級的父親 不管父親有沒有定位

//都和帶有定位父親相關

二 offset 和 style 的區別

//

offset 只能獲取值 style可以獲取和賦值

三 小案例:獲取滑鼠在盒子內的座標

"en

">"

box">

元素偏移量 offset系列

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

元素偏移量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...