Metoda getBoundingClientRect

Metoda getBoundingClientRect vsebuje objekt koordinat elementa. Koordinate se izračunajo glede na vidni del strani brez upoštevanja drsenja (glede na okno). To pomeni kot pri lastnosti position z vrednostjo fixed.

V vrnjenem objektu so lastnosti: left, top, right, bottom, width, height. Omeniti velja, da te lastnosti nimajo nič skupnega s CSS lastnostmi. Vsebujejo razdalje do ustreznih strani elementa. Za left/right - od leve meje vidnega področja strani, za top/bottom - od zgornje.

Sintaksa

javascriptelement.getBoundingClientRect();

Primer

Pridobimo 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());

Glejte tudi