Properti Kiri klien HTML DOM
Contoh
Dapatkan lebar batas atas dan kiri elemen <div>:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti clientLeft mengembalikan lebar batas kiri elemen, dalam piksel.
Properti ini tidak termasuk padding kiri elemen atau margin kiri.
Tip: Anda juga bisa menggunakan properti style.borderLeftWidth untuk mengembalikan lebar batas kiri elemen.
Catatan: Untuk Chrome, Firefox, dan Opera di Windows, jika elemen memiliki bilah gulir (diatur oleh properti CSS overflow ), dan jika arah teks elemen tersebut adalah kanan-ke-kiri (diatur oleh properti arah CSS ), ini properti mencakup lebar bilah gulir vertikal, bersama dengan lebar batas kiri. Namun, di IE, ia mengembalikan "0". Di Mac OS, menggunakan Safari, Chrome, Firefox atau Opera, hanya mengembalikan lebar batas kiri.
Tip: Untuk mengembalikan lebar batas atas elemen, gunakan properti clientTop .
Properti ini hanya-baca.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
Sintaksis
element.clientLeft
Detail Teknis
Nilai Kembali: | Angka, mewakili lebar batas kiri elemen, dalam piksel |
---|
Lebih Banyak Contoh
Contoh
Dalam contoh ini, arah teks <div> adalah kanan-ke-kiri, dan memiliki scrollbar:
var left = document.getElementById("myDIV").clientLeft;