javascript - jQuery offset().left 与 offsetLeft

Question

目前，我正在尝试通过从 jQuery 重构为 纯 JS 来加速我的代码。

我知道还有一些其他线程与此相关，但我找不到任何与我的问题相同的线程。

现在我想使用 offsetLeft 而不是使用 offset().left 获得相同的值

有人知道如何计算正确值的简单解释吗？

Answer 1

您可以使用getBoundingClientRect函数来获取此信息:

console.log(document.getElementById('h1').getBoundingClientRect().left);

<div>
  A
</div>
<h1 id="h1">Test</h1>

However keep in mind that jquery is pretty optimized, and the code there is probably using exactly the same function, or probably something pretty close.