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

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

老马来啦
2022-11-14 / 0 评论 / 正在检测是否收录...

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

代码如下:

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
                    };
0

评论 (0)

取消