offsetLeft

Обновлено: 20.03.2023

Визначення та використання

Властивість offsetLeftповертає ліву позицію (у пікселях) відносно батьківського елемента.

Повернене значення включає:

  • ліве положення та поле елемента
  • лівий відступ, смуга прокрутки та межа батьківського елемента

Властивість offsetLeftдоступна лише для читання.

Приклади

Отримайте позицію offsetLeft "myDIV":


const element = document.getElementById("myDIV");
let pos = element.offsetLeft;

Отримати позиції "myDIV":

const element = document.getElementById("myDIV");
let pos1= element.offsetTop;
let pos2= element.offsetLeft;

OffsetParent

Усі елементи на рівні блоку повідомляють про зміщення відносно батьківського зсуву:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Батьківський зсув — це найближчий предок, який має позицію, відмінну від статичної.

Якщо батьківського зміщення не існує, зсув є відносно тіла документа.

Синтаксис

Повернути ліве положення зсуву:
element.offsetLeft

Повернене значення

Типопис
НомерЛіва позиція елемента, у пікселях.


Підтримка браузера

offsetLeft

Посмотреть совместимость на Can I use?

offsetLeft