obj.offsetLeft和obj.style.left区别

来源:互联网 发布:linux服务器开发书籍 编辑:程序博客网 时间:2024/06/02 02:31

obj.offsetLeft和obj.style.left的区别

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

相同点:
如果父元素的position定义为relative,子元素的position定义为absolute,那么子元素的obj.style.left的值是相对于父div的值,obj.offsetLeft值也是这样。

不同点:

  1. obj.style.left 返回的是字符串(如50px),obj.offsetLeft返回的是数值(如50)
  2. obj.style.left是读写的,obj.offsetLeft是只读的
  3. obj.style.left的值需要事先定义,否则取到的值为空。而且必须要定义在标签中
  4. obj.offsetLeft在IE7下存在兼容性,而obj.style.left在IE7下没有。
原创粉丝点击