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

element.getBoundingClientRect();

Primer

Pridobimo koordinate elementa:

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

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

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

Glejte tudi

lastnost offsetParent,
ki vsebuje starša s pozicioniranjem
lastnost offsetTop,
ki vsebuje odmik elementa od zgoraj
lastnost offsetLeft,
ki vsebuje odmik elementa od leve
metoda elementFromPoint,
ki vrne element po koordinatah