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

javascriptelement.getBoundingClientRect();

Primer

Dobijamo koordinate elementa:

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

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

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

Pogledajte takođe