码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript中提供获取HTML元素位置的属性:

时间:2017-05-07 15:45:31      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:deb   title   函数   class   off   坐标   null   获取   func   


HTMLElement.offsetLeft
HTMLElement.offsetHeight
但 是需要注意的是,这两个属性所储存的数值并不是该元素相对整个浏览器画布的绝对位置,而是相对于其父元素位置的相对位置,也就是说这两个数值得到的是以其 父元素左上角为(0,0)点从而计算出的数值。那么如何得到一个HTML元素的绝对位置呢,可以用以下函数:

 代码如下:

//获取元素的纵坐标
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;

JavaScript中提供获取HTML元素位置的属性:

标签:deb   title   函数   class   off   坐标   null   获取   func   

原文地址:http://www.cnblogs.com/zhousha929-/p/6820873.html

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