Методот getBoundingClientRect

Методот getBoundingClientRect содржи објект со координати на елемент. Координатите се пресметуваат во однос на видливиот дел од страницата без земање предвид на scroll-ување (во однос на прозорецот). Тоа е како кај својството 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());

Погледнете ги исто така