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

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

相关文章推荐

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

最近因为工作需要,仔细研究了一下关于JS下offsetLeft,style.left,以及jquery中的offset().left,css("left")的区别。 JS下的offsetLeft和st...

js中的scrollleft、style.left、clientLeft、offsetLeft

相信大家都见过这张图,乍一看,这张图乱七八糟的,看见就很头疼,但是为了搞清楚这几个left到底什么是什么,只能硬着头皮慢慢分析了~其实,仔细看看,这张图差不多就分为五大部分。 盒模型的组成部分,pad...

JavaScript中的offsetLeft以及obj.style.left

offsetLeft offsetWidth obj.style.width

浅谈offsetleft与left系列的区别

在复习javascript运动框架的过程中,又遇到了offset属性,之前一直比较模糊的一个知识点,今天各方查阅资料总算有了一个比较清楚地认识,特来道一道其中真谛! 首先来一段代码测试测试! ...

offsetLeft,Left,clientLeft的区别

假设 obj 为某个 HTML 控件。 obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。 obj.offsetLe...

offsetLeft,Left,clientLeft的区别

假设 obj 为某个 HTML 控件   obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。 obj....

offsetLeft,Left,clientLeft的区别

假设 obj 为某个 HTML 控件。 obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。 obj.offs...

offsetLeft,Left,clientLeft的区别

offsetLeft,Left,clientLeft的区别   假设 obj 为某个 HTML 控件   obj.offsetTop 指 obj 相对于版面或由 offsetParen...

offsetLeft,Left,clientLeft的区别

假设 obj 为某个 HTML 控件   obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。 obj....

offsetLeft,Left,clientLeft详解

假设 obj 为某个 HTML 控件。 obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。 obj.offs...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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