HTML DOM 元素 offsetLeft
示例
获取 "myDIV" 的 offsetLeft 位置
const element = document.getElementById("myDIV");
let pos = element.offsetLeft;
尝试一下 »
获取 "myDIV" 的位置
const element = document.getElementById("myDIV");
let pos1= element.offsetTop;
let pos2= element.offsetLeft;
尝试一下 »
描述
属性 offsetLeft 返回相对于父元素的左侧位置（以像素为单位）。
返回的值包括
- 左侧位置和元素的边距
- 父元素的左侧填充、滚动条和边框
属性 offsetLeft 是只读的。
教程
offsetParent
所有块级元素都会相对于 offsetParent 报告偏移量
- offsetTop
- offsetLeft
- offsetWidth
- offsetHeight
offsetParent 是最近的祖先，其位置不是 static。
如果不存在 offsetParent，则偏移量相对于文档主体。
另请参阅
语法
返回左侧偏移位置
element.offsetLeft
返回值
| 类型 | 描述 |
| 数字 | 元素的左侧位置，以像素为单位。 |
浏览器支持
element.offsetLeft 在所有浏览器中都受支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
