js的style.left与style.offsetLeft解析

一，对于offsetLeft累属性：

offsetLeft:元素的左外边框至包含元素的左内边框之间的像素距离。

offsetTop:元素的上外边框至包含元素的上内边框之间的像素距离。

 

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

这同offsetLeft是相同的，区别在于：

1，style.left返回的是字符串如28px,offsetLeft返回的是数值28。

2，style.left是读写的，offsetLeft是只读的。所以要改变div的位置，只能修改style.left.

3，element.style.left 只能获得element的行内样式，所以一般写在style或css文件内的left就无法获得。,解决办法是可以用element.offsetLeft来获取。