JavaScript中的offsetLeft属性是用来获取HTML元素的左偏移值的一个非常常用的属性。在很多情况下，我们需要获取一个元素相对于其父元素左侧的偏移距离。而offsetLeft属性就是用来获取这个距离的。

offsetLeft属性是一个相对于其offsetParent属性的值，也就是说，它是相对于其最近的有定位属性的父元素的左边缘的距离。如果一个元素没有offsetParent属性，则offsetLeft属性的值为0。这个属性可以是负数，这意味着元素的左边缘在其offsetParent的左侧。

下面我们就来详细介绍如何使用JavaScript中的offsetLeft属性获取HTML元素的左偏移值。

一、设置HTML页面结构

在使用JavaScript的offsetLeft属性获取HTML元素的左偏移值之前，需要先搭建一个HTML页面结构。下面是一个简单的HTML页面结构示例：

```html