js元素相關位置的獲取方法

2021-10-07 21:55:22 字數 707 閱讀 3237

元素.clientwidth          寬度加內邊距

元素.clientheight 高度加內邊距

元素.clientleft 左邊框的寬度

元素.clienttop 上邊框的寬度

獲取可視區域的寬高

document.documentelement.clientwidth || document.body.clientwidth

document.documentelement.clientheigth || document.body.clientheigth

元素.offsetwidth	      width+padding+boder

元素.offsetheight height+padding+border

元素.offsetleft 元素左邊距離父元素的距離

元素.offsettop 元素上邊距離父元素的距離

元素.onscroll       滑動事件

元素.scrollwidth 可滾動區域的寬度

元素.scrollheight 可滾動區域的高度

元素.scrollleft 左右滾動時左邊滾動的距離

元素.scrolltop 上下滾動時上面滾動的距離

前端js 獲取元素位置 元素尺寸

獲得元素相對于父元素的座標top值 x yjs var y document.getelementbyid y console.log y.offsetleft 此時獲得值為y距離網頁左邊的距離,會隨著頁面大小而改變全頁面 半頁面 有定位是顯示的是距離前乙個有定位元素的距離 其中距離中不包含邊框 獲...

js獲取dom元素位置函式

element.getboundingclientrect 方法返回元素的大小及其相對於視口的位置。可以獲取 這些屬性除了width和height都是相對於視窗左上角計算的。由於是當前視窗的屬性值,要想獲取相對於整個網頁的左上角定位值,要給top和left屬性加上當前滾動的位置,通過window.s...

js獲取物件位置的方法

scrollheight 獲取物件的滾動高度。scrollleft 設定或獲取位於物件左邊界和視窗中目前可見內容的最左端之間的距離 scrolltop 設定或獲取位於物件最頂端和視窗中可見內容的最頂端之間的距離 scrollwidth 獲取物件的滾動寬度 offsetheight 獲取物件相對於版面...