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

javascriptelement.getBoundingClientRect();

Shembull

Le të marrim koordinatat e elementit:

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

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

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

Shihni gjithashtu