获取dom到浏览器窗口坐上坐标

通过dom.getBoundingClientRect()可以获取DOM到浏览器窗口左上坐标
function test(){
    var o = document.getElementById("t");
    var rect = o.getBoundingClientRect();//返回一个TextRectangle对象,包含left, top, right和bottom几个只读属性,以px为单位来表示边界框相对视窗左上角的位置。
    var iLeft1 = rect.left-document.documentElement.clientLeft, iTop1 = rect.top-document.documentElement.clientTop;

    var iLeft2 = o.offsetLeft, iTop2 = o.offsetTop;
    while (o.offsetParent) { o = o.offsetParent; iLeft2 += o.offsetLeft; iTop2 += o.offsetTop; }
    iLeft2 
-=document.documentElement.scrollLeft;
    iTop2 
-=document.documentElement.scrollTop;
    alert(iLeft1
+"_"+iLeft2)
    alert(iTop1
+"_"+iTop2)
}
原文地址:https://www.cnblogs.com/lecaf/p/1994280.html