javascript - 如何在javascript中获取元素的x位置

Question

点击页面时，我需要通过transformX在动画过程中找到div的X。通过没有 Jquery 的 javascript 代码。（x 像素）。谢谢

标签： javascript

Answer 1

您可以找到任何元素的位置，包括translateX使用Element.getBoundingClientRect()

const el = document.getElementById('my-element');
console.log(el.getBoundingClientRect().x); // The element's X position

MDN 上的 Element.getBoundingClientRect()