offsetTop、offsetLeft、offsetWidth、offsetHeight

作者:chilleen 来源:千一网络(原创) 日期:2006-12-24

假设 obj 为某个 HTML 控件。

offsetTop、offsetLeft

  • obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。具体算法请参见 offsetTop、offsetLeft 算法
  • obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置,整型,单位像素。

offsetWidth、offsetHeight

  • obj.offsetWidth 指 obj 控件自身的绝对宽度,不包括因 overflow 而未显示的部分,也就是其实际占据的宽度,整型,单位像素。具体算法请参见 offsetWidth、offsetHeight 算法
  • obj.offsetHeight 指 obj 控件自身的绝对高度,不包括因 overflow 而未显示的部分,也就是其实际占据的高度,整型,单位像素。

我们对前面提到的 offsetParent 作个说明。

offsetParent 获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。offsetTop 与 offsetParent 很复杂,不同浏览器有不同解释,position 变一下解释又不同了,所以我们一般只要理解通过二者可以获得控件在浏览器中的绝对位置即可。具体算法请参见 offsetParent 算法

以上属性在 FireFox 中也有效。

另外:我们这里所说的是指 HTML 控件的属性值,并不是 document.body,document.body 的值在不同浏览器中有不同解释(实际上大多数环境是由于对 document.body 解释不同造成的,并不是由于对 offset 解释不同造成的),点击这里查看不同点。

相关阅读

网友评论

  • 不错啊(222.240.*.* 2007-04-17 10:49:35)

你前面那位网友看了:offsetTop、offsetLeft、offsetWidth、offsetHeight

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
  • 1 楼:hao
  • 2 楼:评论
    这么细的东东,不错
  • 3 楼:评论
    (^o^)/~
  • 4 楼:评论
    要被360浏览器拦截啊
  • 5 楼:评论
    select * from sp_admin
  • 6 楼:评论
  • 7 楼:评论
  • 8 楼:All tastefully done
    Super! All would be well written:)
  • 9 楼:谢谢你的旧
    这些职位只普及。
  • 10 楼:完美!
    由于太多的阅读快感。谢谢。
  • 11 楼:gazels
    Otlichno mne nravitsy.
  • 12 楼:评论
    好网站,收藏了
赞助商们