Metodas getBoundingClientRect

Metodas getBoundingClientRect apima elemento koordinačių objektą. Koordinatės skaičiuojamos nuo matomos puslapio dalies be įskaitant slinkimą (nuo lango). Tai yra kaip ir su savybe position reikšmėje fixed.

Grąžinamame objekte yra savybės: left, top, right, bottom, width, height. Verta paminėti, kad šios savybės neturi nieko bendro su CSS savybėmis. Jose yra atstumai iki atitinkamų elemento pusių. left/right - nuo kairiojo matomos srities krašto, o top/bottom - nuo viršutinio.

Sintaksė

elementas.getBoundingClientRect();

Pavyzdys

Gaukime elemento koordinates:

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

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

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

Taip pat žiūrėkite

savybė offsetParent,
kuri apima pozicionuojantį tėvą
savybė offsetTop,
kuri apime elemento poslinkį iš viršaus
savybė offsetLeft,
kuri apima elemento poslinkį iš kairės
metodas elementFromPoint,
kuris grąžina elementą pagal koordinates