你的位置:首页 > 软件开发 > Java > offset、client、scroll开头的属性归纳总结

offset、client、scroll开头的属性归纳总结

发布时间:2015-08-13 00:00:05
HTML元素有几个offset、client、scroll开头的属性,总是让人摸不着头脑。在书中看到记下来,分享给需要的小伙伴。主要是以下几个属性:  第一组:offsetWidth,offsetHeight,offsetLeft,offsetTop,offsetParent  ...

  HTML元素有几个offset、client、scroll开头的属性,总是让人摸不着头脑。在书中看到记下来,分享给需要的小伙伴。主要是以下几个属性:

  第一组:offsetWidth,offsetHeight,offsetLeft,offsetTop,offsetParent

   第二组:clientWidth,clientHeight,clientLeft,clientTop

  第三组:scrollWidth,scrollHeight,scrollLeft,scrollTop

  详细定义如下:

  1.1 HTML元素的offsetWidth,offsetHeight以CSS像素返回它的屏幕尺寸,包含元素的边框和内边距,不包含外边距。

  1.2 offsetLeft和offsetTop属性返回元素的X和Y坐标。通常,它们返回值即是文档坐标。但对于已定位元素的后代元素和一些其他元素(如表格单元),这些属性返回的坐标是相对于祖先元素的而非文档。

  1.3 offsetParent属性指定offsetLeft,offsetTop相对的父元素。如果offsetParent为null,后两者的返回值则为文档坐标。因此一般来说,用offsetLeft和offsetTop来计算元素e的位置需要一个循环:

//计算元素的文档坐标function getElementPosition(e){  var x=0,y=0;  while(e !=null){    x +=e.offsetLeft;    y +=e.offsetTop;    e=e.offsetParent;   }  return {x:x, y:y} ;  } 

原标题:offset、client、scroll开头的属性归纳总结

关键词:ie

ie
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。