JS中的left,pixelLeft,posLeft,offsetLeft

原创 2013年12月04日 11:45:12

left(字符串,即系html中left的值.)
用法:
1、alert(document.getElementById('divid').style.left)  //没有设置则返回空
2、document.getElementById('divid').style.left = '100px';  //注意带上单位


pixelLeft(数值类型,将left的值(如果是空串则赋为0)转化为像素值.(不带单位))
用法:
1、alert(document.getElementById('divid').style.pixelLeft)
2、document.getElementById('divid').style.pixelLeft = 100;  //该属性只支持IE


posLeft(浮点类型,将left的值(如果是空串则赋为0)转化为数值.(不带单位))
用法:
1、alert(document.getElementById('divid').style.posLeft)
2、document.getElementById('divid').style.posLeft = 100;  //该属性只支持IE


offsetLeft(元素相对其定位的父级元素的偏移量,如果没有定位的父级元素,则相对于页面的偏移.)
用法:
1、alert(document.getElementById('divid').offsetLeft)  //返回数值


jquery1.2以后支持:$("#divid").offset().left
用法:
1、alert($("#divid").offset().left)

JS DOM之getPos

获取当前标签到html文档上部和左部的绝对距离:(具体缘由参见上两篇:  JS DOM之父节点    JS DOM之位置尺寸 ) function getPos(obj) { //获取当前元素...

style.pixelLeft;style.posLeft等的一些定位元素

style.pixelLeft: 返回定位元素左边界偏移量的整数像素值.因为属性的非像素值返回的是包含单位的字符串,例如,30px. 利用这个属性可以单独处理以像素为单位的数值. style.posL...

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

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

关于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
  • 2540

offsetLeft,Left,clientLeft详解

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

JavaScript中的offsetLeft以及obj.style.left

offsetLeft offsetWidth obj.style.width
  • GY_U_YG
  • GY_U_YG
  • 2017年05月15日 14:56
  • 514

offsetLeft,Left,clientLeft的区别

假设 obj 为某个 HTML 控件   obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。 obj....
  • hjtk009
  • hjtk009
  • 2013年07月25日 15:16
  • 306

浅谈offsetleft与left系列的区别

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

offsetLeft,Left,clientLeft的区别

假设 obj 为某个 HTML 控件。 obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。 obj.offsetLe...
  • zlb824
  • zlb824
  • 2011年12月09日 16:19
  • 416

JS:offsetWidth\offsetleft 等图文解释

等图文解释" title="JS:offsetWidth\offsetleft 等图文解释" style="margin:0px; padding:0px; border:0px; list-styl...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS中的left,pixelLeft,posLeft,offsetLeft
举报原因:
原因补充:

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