码迷,mamicode.com
首页 > Web开发 > 详细

JS获取元素的offsetTop,offsetLeft等属性

时间:2014-10-30 18:46:50      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:http   io   ar   java   sp   div   on   cti   bs   

obj.clientWidth   //获取元素的宽度

obj.clientHeight  //元素的高度

obj.offsetLeft   //元素相对于父元素的left

obj.offsetTop  //元素相对于父元素的top

obj.offsetWidth  //元素的宽度

obj.offsetHeight //元素的高度

区别:

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = width + padding + border
offset比client多了border的宽度

  • //获取元素的纵坐标(相对于窗口)
  • function getTop(e){
  • var offset=e.offsetTop;
  • if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
  • return offset;
  • }
  • //获取元素的横坐标(相对于窗口)
  • function getLeft(e){
  • var offset=e.offsetLeft;
  • if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
  • return offset;
  • }

JS获取元素的offsetTop,offsetLeft等属性

标签:http   io   ar   java   sp   div   on   cti   bs   

原文地址:http://www.cnblogs.com/justlancer/p/4063202.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!