Метод getBoundingClientRect

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

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

Синтакса

javascriptelement.getBoundingClientRect();

Пример

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

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

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

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

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