Meetod getBoundingClientRect

Meetod getBoundingClientRect sisaldab elemendi koordinaatide objekti. Koordinaadid arvutatakse lehe nähtava osa suhtes ilma kerimiseta (akna suhtes). See tähendab, nagu omadusel position väärtusel fixed.

Tagastatavas objeksis sisalduvad omadused: left, top, right, bottom, width, height. Väärib märkimist, et neil omadustel pole midagi ühist CSS omadustega. Need sisaldavad kaugusi vastavate elemendi külgedeni. left/right jaoks - vasakust servast nähtavast lehe alast, ja top/bottom jaoks - ülevalt.

Süntaks

javascriptelement.getBoundingClientRect();

Näide

Hankige elemendi koordinaadid:

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

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

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

Vaata ka