码迷,mamicode.com
首页 > 其他好文 > 详细

offsetleft 和 style.left 的区别

时间:2015-12-18 16:09:56      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:

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

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

如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,
这同offsetLeft是相同的;

二者的区别在于:

1.style.left返回的是字符串,如30px,offsetLeft返回的是数值30;

2.style.left是可读写的,而是offsetLeft是只读的,因此如果要改变div的位置,只能修改style.left;

3.style.left的值需要事先定义,否则取到的值为空;而且定义在css里是无法识别的,取到的值将依然为空,只有在html里定义的才有效;

——注:来自慕课上WayneJ老师讲解

 

 
 
 

offsetleft 和 style.left 的区别

标签:

原文地址:http://www.cnblogs.com/lazychen/p/5056983.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!