jQuery offset(). Links vs offsetLeft

Question

Derzeit versuche ich, meinen Code mit Refactoring von jQuery zu pure JS zu beschleunigen.

Ich weiß, dass es einige andere Threads darüber gibt, aber ich konnte keine finden, die meinem Problem entspricht.

Jetzt bin ich an dem Punkt, wo ich den gleichen Wert mit offsetLeft stattdessen erhalten möge mit offset().left

Kennt jemand eine einfache Erklärung, wie man den richtigen Wert berechnen?

Answer 1

können Sie verwenden, um die getBoundingClientRect Funktion, um diese Informationen zu erhalten:

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

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

Bedenken Sie jedoch, dass Jquery ist ziemlich optimiert, und der Code dort wahrscheinlich mit genau dem gleichen Funktion oder wahrscheinlich etwas ziemlich nah.