offsetLeft和style.left的区别

原创 2016年08月31日 14:37:11

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的位置。

版权声明:本文为博主原创文章,未经博主允许不得转载。

offsetLeft和style.left的区别

offsetLeft和style.left的区别
  • u012309349
  • u012309349
  • 2016年02月14日 19:19
  • 1336

关于JS下offsetLeft,style.left,以及jquery中的offset().left,css("left")的区别。

最近因为工作需要,仔细研究了一下关于JS下offsetLeft,style.left,以及jquery中的offset().left,css("left")的区别。 JS下的offsetLeft和st...
  • zzxboy1
  • zzxboy1
  • 2016年07月23日 10:14
  • 2791

offsetleft和style.left的区别

offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距 如果父div的position定义为rel...
  • NNNaix
  • NNNaix
  • 2017年02月19日 11:28
  • 128

offsetLeft与style.left区别

如果父div的position定义为relative, 子div的position定义为absolute, 那么子div的style.left的值是相对于父div的值,这同offsetLe...
  • qianqianyixiao1
  • qianqianyixiao1
  • 2014年10月20日 16:00
  • 850

offsetLeft和clientLeft的区别

offsetLeft从字面意思上理解,就是以父元素作为参照点,当前元素相对于父元素左边的偏移量 clientLeft的值就等于border-left的值...
  • haozhoupan
  • haozhoupan
  • 2016年04月27日 16:06
  • 538

offsetLeft和style.left

作业中用到了style.left和offsetLeft,想知道这俩有什么区别,现在记录下: 别人说offsetLeft是指相对于父级元素的左边位置,style.left是指相对于有定位属性的父级元素...
  • dmhuai_666
  • dmhuai_666
  • 2015年03月28日 14:50
  • 145

...offsetLeft,clientX ,offsetX 定义和区别

...offsetLeft,clientX ,offsetX 定义和区别
  • qq_36947128
  • qq_36947128
  • 2017年06月06日 15:19
  • 856

offsetleft和left和style.left的区别

left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距。 offsetLeft 获取的是相对于父对象的左边距。 如果父div的position定义为re...
  • wszylh
  • wszylh
  • 2017年10月11日 15:01
  • 61

offsetLeft与style.left的区别

offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距 如果父div的position定义为rel...
  • qq_25936689
  • qq_25936689
  • 2015年08月05日 23:50
  • 493

style.left 与 offsetLeft的区别

offsetLeft: 获取的是当前对象左侧距离父对象左侧的值(均不包含border);(返回的是一个值) style.left: 获取或设置相对于具有定位属性(position定义为relativ...
  • virusos
  • virusos
  • 2017年04月11日 18:59
  • 51
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:offsetLeft和style.left的区别
举报原因:
原因补充:

(最多只允许输入30个字)