offsetLeft

　　offsetLeft 获取的是相对于父对象的左边距，且返回值为数字；

　　left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距，且返回值是字符串eg：10px；

　　如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，

　　这同offsetLeft是相同的，区别在于：
　　　　1. style.left 返回的是字符串，offsetLeft返回的是数值，如果需要对取得的值进行计算，还用offsetLeft比较方便。
　　　　2. style.left是读写的，offsetLeft是只读的，所以要改变div的位置，只能修改style.left。
　　　　3. style.left的值需要事先定义，否则取到的值为空。且必须要定义在html里，若定义在css里，style.left的值仍为空。offsetLeft则仍可取到，无需事先定义div的位置。

　　

  此外，还有获取坐标位置属性

1视口坐标位置：clientX、clientY；
2页面坐标位置：pageX、pageY；
3屏幕坐标位置：screenX、screenY；

 

转载于:https://www.cnblogs.com/littleFaye/p/6219422.html