用js 获取一个div坐标的方法是啥？

Posted 2023-03-27

参考技术A

js获取DIV的位置坐标的方法大概有两种：

第一种：编辑代码：var odiv=document.getElementById('divid');

alert(odiv.getBoundingClientRect().left);

alert(odiv.getBoundingClientRect().top);

第二种：编辑代码function CPos(x, y) this.x = x; this.y = y; /*** 得到对象的相对浏览器的坐标*/ function GetObjPos(ATarget var target = ATarget;var pos = new CPos(target.offsetLeft, target.offsetTop);var target =target.offsetParentwhile (target  pos.x += target.offsetLeft  pos.y += target.offsetTop; target = target.offsetParent return pos; var obj =  document.getElementById('divid') alert(GetObjPos(obj)['x'])//x坐标alert(GetObjPos(obj)['y'])//y坐标

SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN