offsetLeft和style.left

offsetLeft和style.left

offsetLeft

  1.如果父辈元素中有定位的元素,那么就返回距离当前元素最近的定位元素边缘的距离。
  2.如果父辈元素中没有定位元素,那么就返回相对于body左边缘距离。

两者的区别

  1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算,还用offsetLeft比较方便。
  2. style.left是读写的,offsetLeft是只读的,所以要改变元素的位置,只能修改style.left。
  3. style.left的值需要事先定义,否则取到的值为空。而且必须要定义在html里,offsetLeft的值随时可以取到。

文章目录
  1. 1. offsetLeft和style.left
    1. 1.1. offsetLeft
    2. 1.2. 两者的区别
,