Метод getBoundingClientRect

Метод getBoundingClientRect садржи објекат координата елемента. Координате се израчунавају у односу на видљиви део странице без узимања у обзир померања (у односу на прозор). То јест као код својства position са вредношћу fixed.

У враћеном објекту се налазе својства: left, top, right, bottom, width, height. Вреди напоменути да ова својства немају никакве везе са CSS својствима. У њима се налазе растојања до одговарајућих страна елемента. За left/right - од леве ивице видљиве области странице, а за top/bottom - од горње.

Синтакса

element.getBoundingClientRect();

Пример

Добијмо координате елемента:

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

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

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

Погледајте такође

својство offsetParent,
које садржи родитеља са позиционирањем
својство offsetTop,
које садржи померај елемента одозго
својство offsetLeft,
које садржи померај елемента слева
метод elementFromPoint,
који враћа елемент преко координата