javascript - 有没有办法获取 DOM 元素的边界框(以像素为单位)?

标签 javascript html css

有没有办法用 Javascript 获取 DOM 元素的边界框坐标?

显然我可以根据各种 CSS 属性计算它:widthheight 等等。

我问是因为有许多其他图形平台提供这种方法。例如,显然它可以按照 this post 在 XUL 中完成。 ,它描述了一个方法 getBoundingClientRect()

(我的目标是检查两个元素是否重叠。)

最佳答案

其实,有一个内置的方法来获取边界矩形:Element.getBoundingClientRect

该方法返回一个对象,其中包含元素的(视觉)顶部、右侧、底部和左侧坐标及其宽度和高度。

Example (JSFiddle)

更多信息:

关于javascript - 有没有办法获取 DOM 元素的边界框(以像素为单位)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9287594/

相关文章:

javascript - 显示/隐藏 disqus 按钮不能与 firefox 一起正常工作

javascript - 获取数组的总值

css - 导航栏水平下拉元素高度

javascript - 使用 css 缩放转换和平移滚动条 - 定位问题

javascript - JQuery Clone - 在两个元素上触发相同的事件

javascript - 如何让页面滚动到某个元素?

javascript - 调整 div 的背景图像大小以始终适合移动设备上的 div

html - 如何让Bootstrap.css <select>继承CSS中&lt;input&gt;的属性?

javascript - Ajax,无法读取 null 的属性 'documentElement'

Javascript 不设置选择的值(仅有时)