Metode getBoundingClientRect() HTML DOM
Objek ElemenContoh
Kembalikan ukuran elemen dan posisinya relatif terhadap viewport:
var rect = obj.getBoundingClientRect();
Definisi dan Penggunaan
Metode getBoundingClientRect() mengembalikan ukuran elemen dan posisinya relatif terhadap viewport.
Metode ini mengembalikan objek DOMRect dengan delapan properti: kiri, atas, kanan, bawah, x, y, lebar, tinggi.
Catatan: Jumlah pengguliran yang telah dilakukan pada area viewport diperhitungkan saat menghitung persegi panjang pembatas. Ini berarti bahwa tepi persegi panjang (atas, kiri, bawah, dan kanan) berubah nilainya setiap kali posisi pengguliran berubah.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
Sintaksis
element.getBoundingClientRect()
Detail Teknis
Versi DOM: | Modul Tampilan Model Objek CSS (CSSOM) |
---|---|
Nilai Kembali: | Objek DOMRect dengan delapan properti: kiri, atas, kanan, bawah, x, y, lebar, tinggi. |
Objek Elemen