获得html控件的绝对位置 - html/css语言栏目：html-自学php网

获得html控件的绝对位置 - html/css语言栏目：html

来源：自学PHP网时间：2015-04-14 14:50 作者：阅读:次

[导读] 使用offsetTop和offsetLeft只能获得其相对于父窗口（或其他控件）的位置，要是想获得其相对于浏览器左上角的坐标值就要采用一个函数。//获取元素的纵坐标 function getTop(e){ var offset=e.off...

使用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绝对位置。

HTML中class和id标签的区别 - html/css语言栏目：htm

用户体验分析：从Web到移动应用的设计思维转换

子栏目

获得html控件的绝对位置 - html/css语言栏目：html

最新评论

添加评论

更多文章推荐

添加评论