Javascript获取元素的坐标

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Javascript获取元素的坐标相关的知识,希望对你有一定的参考价值。


如何获得元素在页面中的坐标

html所有的元素都具有下面这5个只读属性

offsetLeft

元素边框距页面左边界的距离

offsetTop

元素边框距页面上边界的距离

offsetWidth

元素的宽度(左右边框的跨度)

offsetHeight

元素的高度(上下边框的跨度)

offsetParent

返回已经定位的祖先元素,如果没有,则返回body或null。




以上是关于Javascript获取元素的坐标的主要内容,如果未能解决你的问题,请参考以下文章

javascript: Element.getBoundingClientRect() 获取元素在网页上的坐标位置

JavaScript之offset实现鼠标坐标获取和窗口内模块拖动-案例演示

js如何获取鼠标在某元素移动时~鼠标指针在元素中的坐标?

获取 div 元素的 X 和 Y 坐标

如何在 jQuery/javascript 中获取文本本身顶部的位置,而不是文本元素

JavaScript中提供获取HTML元素位置的属性: