当前位置: 代码迷 >> HTML/CSS >> 取得html控件的绝对位置
  详细解决方案

取得html控件的绝对位置

热度:19   发布时间:2012-12-19 14:13:15.0
获得html控件的绝对位置

使用offsetTop和offsetLeft只能获得其相对于父窗口(或其他控件)的位置,要是想获得其相对于浏览器左上角的坐标值就要采用一个函数。

//获取元素的纵坐标
    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;
    }
e是控件对象,通过递归迭代,一步步获得offset绝对位置。

  相关解决方案