HTML DOM Element offsetLeft-ominaisuus

Määritelmä ja käyttö

offsetLeft Ominaisuus palauttaa suhteessa isäntään olevan vasemman sijainnin (pikseleissä). Tämä ominaisuus on kirjoitussuojattu.

Palautusarvo sisältää:

  • Elementin vasen sijainti ja ulkopuolinen marginaali
  • Isän sisäinen reunaväli, roolipalkit ja reunat

Katso myös:CSS-ruudukkomallin opas

offsetParent

Kaikki lohkovälineet raportoivat suhteessa offset-parentiin olevan siirtymän:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Offset-parent tarkoittaa lähintä isäntälähteestä, jolla on ei-statiivinen sijainti.

Jos offset-parent ei ole olemassa, siirtymä on suhteessa dokumentin runkoon.

Katso myös:

offsetTop-ominaisuus

offsetWidth-ominaisuus

offsetHeight-ominaisuus

offsetParent-ominaisuus

clientTop-ominaisuus

clientLeft-ominaisuus

clientWidth-ominaisuus

clientHeight-ominaisuus

Esimerkki

Esimerkki 1

Hanki "myDIV" -offsetLeft-sijainti:

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

Kokeile itse

Esimerkki 2

Hanki "myDIV" -sijainti:

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

Kokeile itse

Syntaksi

Palauta vasen siirtymäpaikka:

element.offsetLeft

Palautusarvo

Tyyppi Kuvaus
Luku Elementin vasen sijainti, mitattuna pikseleissä.

Selaimen tuki

Kaikki selaimet tukevat sitä element.offsetTop:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki Tuki