详解 javascript中offsetleft属性的用法

本章节通过代码实例介绍 `offsetLeft` 属性的应用，感兴趣的朋友不妨参考一下。

`offsetLeft` 属性可以返回当前元素距离某个父辈元素左边缘的距离。这个距离的计算方式取决于父辈元素中的定位情况。具体规则如下：

1. 如果父辈元素中有定位的元素（即 `position` 属性不为 `static`），那么 `offsetLeft` 返回的是当前元素距离最近的定位元素边缘的距离。

2. 若父辈元素中没有定位元素，那么 `offsetLeft` 返回的是当前元素相对于整个文档（body）左边缘的距离。

属性语法结构非常简单，只需使用 `obj.offsetLeft` 即可。值得注意的是，这个属性是只读的，不能对其进行赋值。

接下来，我们通过一段 HTML 代码来具体展示 `offsetLeft` 的用法：