js獲取dom元素位置函式

2021-10-01 14:37:37 字數 310 閱讀 7345

element.getboundingclientrect()方法返回元素的大小及其相對於視口的位置。

可以獲取

這些屬性除了width和height都是相對於視窗左上角計算的。由於是當前視窗的屬性值,要想獲取相對於整個網頁的左上角定位值,要給top和left屬性加上當前滾動的位置,(通過window.scrollx和window.scrolly),這樣就可以獲取與當前滾動無關的值。

為了跨瀏覽器相容,請使用 window.pagexoffset 和 window.pageyoffset 代替 window.scrollx 和 window.scrolly。

JS獲取DOM元素位置與大小

每乙個html元素都有以下屬性 offsetwidth offsetheight offsetleft offsettop clientwidth clientheight scrollwidth scrollheight scrollleft scrolltop screenx screeny o...

JS 獲取dom元素

box class one name bbb style width 100px height 100px background color pink div1div box1 class one div1div box2 class one div1div 通過 id來獲取元素 var box d...

js 獲取DOM尺寸 位置

檢視滾動條的滾動位置 封裝相容性方法getscrolloffset function getscrolloffset else 檢視視覺化視窗的尺寸 document.documentelement.clientwidth clientheight document.body.clientwidth...