obj.offsetLeft和obj.style.left的区别（转载）

offsetLeft 获取的是相对于父对象的左边距

left 获取或设置相对于 具有定位属性(position定义为relative，absolute,fixed)的父对象 的左边距 

如果父对象设置了padding,或者obj本身设置了margin，则两者不相等

如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，
这同offsetLeft是相同的，区别在于：
1. style.left 返回的是字符串，如28px或者10%，offsetLeft返回的是数值28 或者 父对象的值*10%，如果需要对取得的值进行计算，还用offsetLeft比较方便。

2. style.left是读写的，offsetLeft是只读的，所以要改变div的位置，只能修改style.left。
3. style.left的值需要事先定义，否则取到的值为空字符串。而且必须要定义在html里（通过style="left:XXX"定义)，我做过试验，如果定义在css里，style.left的值仍然为空字符串，这就是我刚开始碰到的问题，总是取不到style.left的值。

offsetLeft则仍然能够取到，无需事先定义div的位置。

 

补充：obj.style.width，obj.style.height 都和 obj.style.left特征相同，如果定义在css里，需要通过offsetWidth(offsetHeight)访问，同时注意offsetWidth(Height)包含border的值。

访问这些属性的另一种方法可以看下一篇文章。

转载于:https://www.cnblogs.com/summer323/articles/4916368.html