HTML DOM Element offsetLeft egenskab

Definition og brug

offsetLeft Egenskaben returnerer den venstre position i forhold til forælderen (målt i pixels). Denne egenskab er skrivebeskyttet.

Returværdien inkluderer:

  • Elements venstre position og kantmargen
  • Fars venstre indre margen, rullemenuer og kanter

Se også:CSS frame model tutorial

offsetParent

Alle blokkontekstelementer rapporterer afstanden i forhold til afstandsfar forælderen:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Afstandsfar forælder er den nærmeste forælder med en ikke-statisk position.

Hvis der ikke findes en afstandsfar forælder, er afstanden relativ til dokumentets tekst.

Se også:

offsetTop egenskab

offsetWidth egenskab

offsetHeight egenskab

offsetParent egenskab

clientTop egenskab

clientLeft egenskab

clientWidth egenskab

clientHeight egenskab

Eksempel

Eksempel 1

Få "myDIV" offsetLeft positionen:

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

Prøv det selv

Eksempel 2

Få positionen for "myDIV":

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

Prøv det selv

Syntaks

Retur venstre afstand:

element.offsetLeft

Returværdi

Type Beskrivelse
Tilfældigt Elements venstre position, målt i pixels.

Browserv understøttelse

Alle browsere understøtter dette element.offsetTop:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support