Metod getBoundingClientRect

Metod getBoundingClientRect sadrži objekat koordinata elementa. Koordinate se izračunavaju u odnosu na vidljivi deo stranice, bez uvažavanja skrolovanja (u odnosu na prozor). To jest, kao kada je CSS svojstvo position postavljeno na vrednost fixed.

U vraćenom objektu nalaze se svojstva: left, top, right, bottom, width, height. Važno je napomenuti da ova svojstva nemaju ništa zajedničko sa CSS svojstvima. U njima se nalaze udaljenosti do odgovarajućih strana elementa. Za left/right - od leve ivice vidljive oblasti stranice, a za top/bottom - od gornje.

Sintaksa

element.getBoundingClientRect();

Primer

Dobijamo koordinate elementa:

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

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

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

Pogledajte takođe

svojstvo offsetParent,
koje sadrži roditelja sa pozicioniranjem
svojstvo offsetTop,
koje sadrži pomeraj elementa od vrha
svojstvo offsetLeft,
koje sadrži pomeraj elementa sa leve strane
metod elementFromPoint,
koji vraća element na osnovu koordinata