1.

obj.clientWidth //獲取元素的寬度

obj.clientHeight //元素的高度

obj.offsetLeft //元素相對于父元素的left

obj.offsetTop //元素相對于父元素的top

obj.offsetWidth //元素的寬度

obj.offsetHeight //元素的高度

區別：

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = width + padding + border offset比client多了border的寬度

//獲取元素的縱坐標（相對于窗口） function getTop(e){ var offset=e.offsetTop; if(e.offsetParent!=null) offset+=getTop(e.offsetParent); return offset; } //獲取元素的橫坐標（相對于窗口） function getLeft(e){ var offset=e.offsetLeft; if(e.offsetParent!=null) offset+=getLeft(e.offsetParent); return offset; }

轉載于:https://www.cnblogs.com/sharpest/p/6477003.html

總結

以上是生活随笔為你收集整理的JS获取元素的offsetTop,offsetLeft等相关属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。