总结style.left与offsetleft的区别

在使用js操作css时经常会用到style.left也会用到offsetleft现在对这两点语法做一个总结，方便使用更合适的

1. offsetLeft 可以返回没有定位盒子的距离左侧的位置。
   style.left 不可以返回没有定位的盒子距离左侧的位置 只有定位的盒子才有 left top right

2. offsetTop 返回的是数字。
   style.top 返回的是字符串，除了数字外还带有单位：px。
   offsetTop=300
   style.left = 300px parseInt（300px） 结果 30
   如果我们需要对style.left的值进行加减运算，可以使用parseInt
   parseInt（style.left） + parseInt（style.left）

3. offsetTop 只读,只能获取某元素的offsetTop数值
   style.top 可读写，可以获取某元素的top值(获取的时候只能获取行内式)，也可以设置某元素的top值

4. 如果没有给 HTML 元素指定过 top 样式，则 style.top 返回的是空字符串。

5. style.left 只能得到html元素的行内样式
   offsetLeft 没有只能得到行内样式的限制