                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS动画效果

速度动画的判断值

判断运动为0像素的时候，为什么括号里不能写（oDiv.style.left==0）而要写offsetLeft

05:11

Lu背水一战

2016-09-02

源自：JS动画效果 2-1

关注问题我要回答

715

操作

收起

3 回答

我就叫李二毛
2016-09-19

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

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

如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，
这同offsetLeft是相同的，区别在于：
1. style.left 返回的是字符串，如28px，offsetLeft返回的是数值28，如果需要对取得的值进行计算，
还用offsetLeft比较方便。
2. style.left是读写的，offsetLeft是只读的，所以要改变div的位置，只能修改style.left。
3. style.left的值需要事先定义，否则取到的值为空。而且必须要定义在html里，我做过试验，如果定义在
css里，style.left的值仍然为空，这就是我刚开始碰到的问题，总是取不到style.left的值。

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