js 元素对象位置

　　1：获取指定元素的位置left和top

　　

代码

        //用 Javascript 获取指定页面元素的位置
    function getElementPos(elementId) {
        var ua = navigator.userAgent.toLowerCase();
        var isOpera = (ua.indexOf("opera") != -1);
        var isIE = (ua.indexOf("msie") != -1 && !isOpera); // not opera spoof
        var el = document.getElementById(elementId);
        if(el.parentNode == null || el.style.display == 'none'){
            return false;
        }
        var parent = null;
        var pos = [];
        var box;
        if(el.getBoundingClientRect){//IE
            box = el.getBoundingClientRect();
            var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
            var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
            return {x:box.left + scrollLeft, y:box.top + scrollTop};
        } else if(document.getBoxObjectFor){// gecko
            box = document.getBoxObjectFor(el);
            var borderLeft = (el.style.borderLeftWidth)?parseInt(el.style.borderLeftWidth):0;
            var borderTop = (el.style.borderTopWidth)?parseInt(el.style.borderTopWidth):0;
            pos = [box.x - borderLeft, box.y - borderTop];
        } else{// safari & opera
            pos = [el.offsetLeft, el.offsetTop];
            parent = el.offsetParent;
            if (parent != el) {
                while (parent) {
                    pos[0] += parent.offsetLeft;
                    pos[1] += parent.offsetTop;
                    parent = parent.offsetParent;
                }
            }
            if (ua.indexOf("opera") != -1
                || ( ua.indexOf("safari") != -1 && el.style.position == "absolute" )){
                pos[0] -= document.body.offsetLeft;
                pos[1] -= document.body.offsetTop;
            }
        }
        if (el.parentNode) { 
            parent = el.parentNode; 
        } else { 
            parent = null; 
        }
        while (parent && parent.tagName != "BODY" && parent.tagName != "HTML") { // account for any scrolled ancestors 
            pos[0] -= parent.scrollLeft;
            pos[1] -= parent.scrollTop;
            if (parent.parentNode) { 
                parent = parent.parentNode; 
            } else { 
                parent = null; 
            }
        }
        return {x:pos[0], y:pos[1]};
    }  

 

　　调用方法：var pos = getElementPos(obj.id);

　　　　　　　　alert(pos.x + "   " + pos.y);