Kaedah getBoundingClientRect

Kaedah getBoundingClientRect mengandungi objek koordinat elemen. Koordinat dikira berdasarkan bahagian halaman yang kelihatan tanpa mengambil kira penatalan (berdasarkan tetingkap). Iaitu seperti sifat position dalam nilai fixed.

Dalam objek yang dikembalikan mengandungi sifat: left, top, right, bottom, width, height. Perlu diingatkan bahawa sifat-sifat ini tidak mempunyai sebarang kaitan dengan sifat CSS. Ia mengandungi jarak ke sisi elemen yang sepadan. Untuk left/right - dari sempadan kiri kawasan halaman yang kelihatan, dan untuk top/bottom - dari bahagian atas.

Sintaks

elemen.getBoundingClientRect();

Contoh

Dapatkan koordinat elemen:

<div id="elem"></div>

#elem {
	width: 100px;
	height: 100px;
	border: 1px solid black;
}

let elem = document.querySelector('#elem');
console.log(elem.getBoundingClientRect());

Lihat juga

sifat offsetParent,
yang mengandungi induk dengan pemposisian
sifat offsetTop,
yang mengandungi ofset elemen dari atas
sifat offsetLeft,
yang mengandungi ofset elemen dari kiri
kaedah elementFromPoint,
yang mengembalikan elemen berdasarkan koordinat