详解javascript中offsetleft属性的用法

offsetLeft属性是JavaScript中DOM元素的一个属性，用于获得一个元素相对其父元素的水平偏移量。
具体用法以下：
1. 获得元素的offsetLeft属性值：
var offsetLeftValue = element.offsetLeft;
这样可以获得元素相对其父元素的左侧缘的水平偏移量，单位为像素。
2. 修改元素的offsetLeft属性值：
element.offsetLeft = newOffsetLeftValue;
这样可以修改元素相对其父元素的左侧缘的水平偏移量。注意，这类修改其实不会真正改变元素的位置，只是改变了偏移量的值。
3. offsetLeft属性的特点：
- offsetLeft属性是只读的，不能直接通过赋值来改变元素的偏移量。要改变元素的位置，可使用其他属性如style.left。
- offsetLeft属性的值是相对元素的父元素的左侧缘的水平偏移量，不包括元素的外边距(margin)。
- offsetLeft属性的值是一个整数，单位为像素。
- 如果元素的父元素没有定位(position)属性还是是静态(static)定位，则offsetLeft属性值等于元素的左外边距(margin-left)值。
注意事项：
在使用offsetLeft属性时，需要注意以下几点：
- 如果元素的父元素有定位(position)属性且非静态(static)定位，则offsetLeft属性值是相对父元素的内边距(padding)的左侧缘的水平偏移量。
- 如果元素的父元素有border属性，则offsetLeft属性值不包括父元素的左侧框(border)的宽度。
- 如果元素的父元素有转动条，则offsetLeft属性值是相对转动条的左侧缘的水平偏移量。
总结：
offsetLeft属性用于获得元素相对其父元素的水平偏移量。通过它可以帮助我们获得或修改元素的位置信息，特别在触及到元素的相对定位时非常有用。