在 JavaScript 中， offsetLeft 属性是一个非常常见的属性。它通常用于获取 HTML 元素相对于其父元素左侧边缘的偏移量，也就是该元素在父元素中的位置。这个属性看起来很简单，但是它在编写网页和 Web 应用程序时发挥了至关重要的作用。本文将深入探讨 offsetLeft 属性，并阐述它在 JavaScript 中的重要性和应用。

什么是 offsetLeft？

offsetLeft 是一个 readOnly 属性，通过它我们可以获取 HTML 元素的左侧边缘相对于其父元素左侧边缘的像素距离。因此， offsetLeft 属性可以用来确定一个 HTML 元素相对于其父元素的位置。例如，在下面的示例中，我们有一个包含三个子元素的 div 元素：

```html