JS获取元素的offsetTop,offsetLeft等属性

标签：

obj.clientWidth   //元素的宽度(可视区的宽度)不包含border     只读属性

obj.clientHeight  //元素的高度(可视区的高度度)不包含border  只读属性

obj.offsetLeft   //元素相对于父元素的left  只读属性，也就是margin-left的值，不含单位

obj.offsetTop  //元素相对于父元素的top   只读属性，也就是margin-top的值，不含单位

obj.offsetWidth  //元素的宽度(实际的宽度)包含border   只读属性

obj.offsetHeight //元素的高度(实际的宽度)包含border   只读属性

区别：

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

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

JS获取元素的offsetTop,offsetLeft等属性

标签：

原文地址：http://www.cnblogs.com/liujin0505/p/4436430.html