HTML DOM Element offsetLeft-attributet

Definition och användning

offsetLeft Egenskapen returnerar vänster position relativt till föräldern (mätt i pixlar). Detta är ett skrivskyddat attribut.

Returvärdet inkluderar:

  • Elementets vänstra position och marginal.
  • Förälderns vänstra inre marginal, rullgardin och kant.

Se också:CSS-fyrkantsmodell-lärbok

offsetParent

Alla blockelement rapporterar avståndet relativt till offset-föräldern:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Offset-förälder är den närmaste föräldern som har en icke-statisk position.

Om det inte finns någon offset-förälder, är avståndet relativt dokumentets kropp.

Se också:

offsetTop-attributet

offsetWidth-attributet

offsetHeight-attributet

offsetParent-attributet

clientTop-attributet

clientLeft-attributet

clientWidth-attributet

clientHeight-attributet

Exempel

Exempel 1

Hämta "myDIV"-offsetLeft-positionen:

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

Prova själv

Exempel 2

Hämta "myDIV"-positionen:

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

Prova själv

Syntax

Returnera vänster avstånd:

element.offsetLeft

Returvärde

Typ Beskrivning
Nummer Elementets vänstra position, mätt i pixlar.

Webbläsarstöd

Alla webbläsare stöder detta element.offsetTop：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd Stöd