Metode getBoundingClientRect

Metode getBoundingClientRect satur elementa koordinātu objektu. Koordinātas tiek aprēķinātas attiecībā pret lapas redzamo daļu bez ritināšanas ņemšanas vērā (attiecībā pret logu). Tas ir kā ar īpašību position vērtībā fixed.

Atgrieztajā objektā ir ietverti īpašības: left, top, right, bottom, width, height. Jāatzīmē, ka šīm īpašībām nav nekāda sakara ar CSS īpašībām. Tās satur attālumus līdz atbilstošajām elementa malām. left/right - no lapas redzamās apgabala kreisās malas, bet top/bottom - no augšējās.

Sintakse

elements.getBoundingClientRect();

Piemērs

Iegūsim elementa koordinātas:

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

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

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

Skatiet arī

īpašība offsetParent,
kura satur vecāku ar pozicionēšanu
īpašība offsetTop,
kura satur elementa nobīdi no augšas
īpašība offsetLeft,
kura satur elementa nobīdi no kreisās puses
metode elementFromPoint,
kura atgriež elementu pēc koordinātām