JavaScript获取元素的坐标位置的函数

获取原理是先获取相对父元素的坐标

var tag=document.getElementById('id')

//该left是获取在相对父元素下的相对x轴坐标
//tag.offsetLeft会计算该标签的margin和padding以及绝对定位属性的长度
//但是无法获取transform内的位移属性
var left=tag.offsetLeft;

获取元素的坐标位置的函数

function getPosition(node) {
					//获取元素相对于其父元素的left值var left
                    var left = node.offsetLeft; 
                    var top = node.offsetTop;
                    // 取得元素的offsetParent
                    current = node.offsetParent; 
                    
                    　 // 一直循环直到根元素
                    while(current != null) {　　
                        left += current.offsetLeft;　　
                        top += current.offsetTop;　　
                        current = current.offsetParent;　
                    }
                    return {
                        "left": left,
                        "top": top
                    };