offsetleft 和 style.left 的区别

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老师讲解

时间: 2024-09-29 16:07:01

offsetleft 和 style.left 的区别的相关文章

DOM中offsetLeft与style.left的区别

offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距 如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,这同offsetLeft是相同的,区别在于:1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算,还用offset

offsetLeft与style.left的区别

参考:http://www.cnblogs.com/woshilee/articles/1951457.html offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距 如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值.如果所有父元素,子元素都没与设定定位,那么其offsetLeft是相

offsetLeft和style.left的区别

offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距 如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,这同offsetLeft是相同的,区别在于:1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算,还用offset

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

JS下offsetLeft,style.left,以及jQuery中的offset().left,css("left")的区别. JS下的offsetLeft和style.left,以及jquery的css("left"),对定位的理解相似,如果父元素中有定位元素,都是相对于上一个定位元素(position不为static)定位. 值得一提的是如果没有已经定位的父元素,那么offsetLeft指向的是文档(document)的左边缘,而style.left与css(

offsetLeft与style.left区别

offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距 如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,这同offsetLeft是相同的,区别在于:1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算,还用offset

android 中theme.xml与style.xml的区别

from://http://liangoogle.iteye.com/blog/1848448 android 中theme.xml与style.xml的区别: 相同点: 两者的定义相同. <resources> <stylename="theme"parent="android:Theme.Black"> <itemname="android:windowNoTitle">true< /item>

HTML样式offset[Direction] 和 style.[direction]的区别

以offsetLeft与style.left为例: offsetLeft使用的值是字符串,如"100px", style.left则使用数值,如 100 offsetLeft只可以读,因此用无法通过Js改变这个值实现样式的改变, style.left是可读写的,因此可以通过改变这个值调整div的位置 style.left的值需要事先定义,否则取的时候返回空 Js访问方法:[Element].offsetLeft, [Element].style.left

offsetLeft 与style.left区别

1.定义: offsetLeft: 获取的是当前对象左侧距离父对象左侧的值(均不包含border); style.left: 获取或设置相对于具有定位属性(position定义为relative)的父对象的左边距; 还有个clientLeft:获取的是当前对象的offsetLeft属性值和到当前窗口左边的真实值之间的距离,. 2.如果父对象的position定义为relative,子对象的position定义为absolute,那么子对象的style.left的值是相对于父对象的值,等同于off

js和jq中常见的各种位置距离之offsetLeft和position().left的区别(四)

offsetLeft:元素的边框的外边缘距离与已定位的父容器(offsetparent)的左边距离(不包括元素的边框和父容器的边框).position().left:使用position().left方法时事实上是把该元素当绝对定位来处理,获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移位置. 附上调试代码: 1 <style> 2 *{margin:0;padding:0;} 3 #parent{ position: relative; padding: 10px; marg