JS 获取元素坐标的小例子

发布时间:2020-05-13编辑:脚本学堂
分享一个js取得元素坐标的小例子,很简单,可用来学习js操作页面元素的方法,有需要的朋友参考下。

JS 获取元素坐标:
 

复制代码 代码示例:
var getPos=function(o){//取元素坐标
    var x = 0, y = 0;
    do{
        x += o.offsetLeft;
        y += o.offsetTop;
    }while(o=o.offsetParent);
    return {'x':x,'y':y};
}

调用方法:
 

复制代码 代码示例:
alert(getPos(document.getElementById("定义的id")).x)
alert(getPos(document.getElementsByTagName("font")[0]).y)