目录

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属性是只读的。

教程:

CSS 盒子模型

偏移父级

所有块级元素报告相对于偏移父级的偏移量:

  • 顶部偏移
  • 向左偏移
  • 偏移宽度
  • 偏移高度

偏移父级是具有非静态位置的最近祖先。

如果不存在偏移父级,则偏移量是相对于文档正文的。

也可以看看:

offsetTop 属性.

offsetWidth 属性.

offsetHeight 属性.

offsetParent 属性.

clientTop 属性

clientLeft 属性

clientWidth 属性

clientHeight 属性



语法

返回左偏移位置:

element.offsetLeft

返回值

类型 描述
数字 元素的左侧位置(以像素为单位)。

浏览器支持

element.offsetLeft所有浏览器都支持:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes Yes