Atribut offsetLeft HTML DOM Element

Definisi dan Penggunaan

offsetLeft Atribut kembalikan posisi kiri relatif terhadap orangtua (dalam satuan piksel). Atribut ini hanya baca.

Nilai kembalian termasuk:

  • Lokasi kiri elemen dan marjin
  • Margen kiri internal orangtua, scrollbar dan border

Lihat Juga:Panduan Model Bok CSS

offsetParent

Semua elemen blok melaporkan nilai offset terhadap orang tua offset:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Orang tua offset adalah leluhur paling dekat yang memiliki posisi non statis.

Jika tidak ada orang tua offset, nilai offset adalah relatif terhadap teks utama dokumen.

Lihat Juga:

Atribut offsetTop

Atribut offsetWidth

Atribut offsetHeight

Atribut offsetParent

Atribut clientTop

Atribut clientLeft

Atribut clientWidth

Atribut clientHeight

Contoh

Contoh 1

Dapatkan posisi offsetLeft "myDIV":

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

Coba Sendiri

Contoh 2

Dapatkan posisi "myDIV":

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

Coba Sendiri

Sintaks

Kembalikan posisi kiri:

element.offsetLeft

Nilai Kembalian

Tipe Deskripsi
Angka Lokasi kiri elemen, dalam satuan piksel.

Dukungan Peramban

Semua peramban mendukung element.offsetTop：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan Dukungan