Atrybut offsetLeft obiektu HTML DOM Element

Definicja i użycie

offsetLeft Atrybut zwraca pozycję względem rodzica (wyrażoną w pikselach). Jest to atrybut jedynie do odczytu.

Zwracana wartość obejmuje:

  • Lewa pozycja elementu i marginesy
  • Lewy margines wewnętrzny, paski przewijania i obramowania rodzica

Zobacz również:Kurs CSS Box Model

offsetParent

Wszystkie blokowe elementy raportują przesunięcia względem offsetParent:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

OffsetParent to najbliższy przodek z niestatyczną pozycją.

Jeśli nie istnieje offsetParent, przesunięcie jest względne do ciała dokumentu.

Zobacz również:

Atrybut offsetTop

Atrybut offsetWidth

Atrybut offsetHeight

Atrybut offsetParent

Atrybut clientTop

Atrybut clientLeft

Atrybut clientWidth

Atrybut clientHeight

Przykład

Przykład 1

Uzyskaj pozycję offsetLeft "myDIV":

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

Spróbuj sam

Przykład 2

Uzyskaj pozycję "myDIV":

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

Spróbuj sam

Gramatyka

Zwróć pozycję lewego przesunięcia:

element.offsetLeft

Zwracana wartość

Typ Opis
Numer Lewa pozycja elementu, wyrażona w pikselach.

Wspierane przeglądarki

Wszystkie przeglądarki wspierają to element.offsetTop:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie