Metoda getBoundingClientRect

Metoda getBoundingClientRect përmban objektin e koordinatave të elementit. Koordinatat llogariten në lidhje me pjesën e dukshme të faqes pa marrë parasysh rrëshqitjen (në lidhje me dritaren). Kjo do të thotë sikur te vetia position në vlerën fixed.

Në objektin e kthyer përmbahen vetitë: left, top, right, bottom, width, height. Vlen të theksohet se këto veti nuk kanë asgjë të përbashkët me vetitë CSS. Në to përmbahen distancat deri te anët përkatëse të elementit. Për left/right - nga kufiri i majtë i zonës së dukshme të faqes, kurse për top/bottom - nga ai i sipërm.

Sintaksa

element.getBoundingClientRect();

Shembull

Le të marrim koordinatat e elementit:

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

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

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

Shihni gjithashtu

vetia offsetParent,
e cila përmban prindin me pozicionim
vetia offsetTop,
e cila përmban zhvendosjen e elementit nga lart
vetia offsetLeft,
e cila përmban zhvendosjen e elementit nga e majta
metoda elementFromPoint,
e cila kthen elementin sipas koordinatave