js 获取元素位置和大小_js 位置_Js宽度高度（详解）

一、js 获取元素的位置和大小----只读属性

1.元素的大小和位置

1.可视大小和位置 clientLeft，clientTop,clientWidth,clientHeight

clientLeft,clientTop:

该属性标识元素的padding+content的在元素的位置，可以用来读取元素的border的宽度和高度

 clientWidth,clientHeight:

元素可视宽度和高度， padding+content-滚动条宽度 大小。

2.完整大小和位置 offsetLeft，offsetTop,offsetWidth,offsetHeight

offsetLeft,offsetTop:

该属性指的是当前元素，相对于其offsetParent左边距离和上边距离，offsetParent指的是当前元素的离自己最近的具有定位的（position:absolute 或者 position：relative）父级元素，如找不到这样一个父级元素，那么当前元素的offsetParent就是body元素。

offsetWidth,offsetHeight:

border+pad