Методот getBoundingClientRect

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