javascript - 使用javascript,如何获取元素的位置

标签 javascript css xhtml positioning

如标题所说,如何获取元素相对于它们在网页中的位置以及它们的定位方案(如绝对、相对等)的 x、y 位置。

最佳答案

在现代浏览器中,getBoundingClientRect 和 getClientRects 将为您提供描述元素的矩形对象。参见 https://developer.mozilla.org/en/DOM/element.getBoundingClientRecthttps://developer.mozilla.org/en/DOM/element.getClientRects

如果您必须使用 IE8,那么您必须在不同的浏览器中执行不同的操作才能获得正确的答案(例如,对象检测 getBoundingClientRect 并在不存在时回退到其他方法)。

jQuery offset() 计算和 Quirksmode findPos 将在任何进行子像素定位的浏览器(例如 Firefox 或 IE9)中给出错误的答案,因为它们会舍入回答整数个像素。取决于你在做什么,这可能会或可能不会。

关于javascript - 使用javascript,如何获取元素的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6146027/

相关文章:

javascript - 测试一个对象是否是 DOM 事件

javascript - 为什么 IIFE 这个关键字指的是窗口对象..?

css - 如何在 Ruby on Rails 中使用自定义字体?

html - html页面的放大缩小问题

javascript - 使用 Dynamics 为选项卡着色

xslt - 简单的 XSLT 问题 : How can I add the closing "/" at the end of a single tag?

python - 使用 Python 解析 xhtml 页面的问题

javascript - ComboBox 隐藏和显示 div

javascript - 如何从带有大括号的数组中获取长度

css - 强制 Internet Explorer 9 进入怪癖模式