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

element.getBoundingClientRect();

Näide

Hankige elemendi koordinaadid:

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

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

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

Vaata ka

omadus offsetParent,
mis sisaldab positsioneeritud vanemat
omadus offsetTop,
mis sisaldab elemendi nihet ülevalt
omadus offsetLeft,
mis sisaldab elemendi nihet vasakult
meetod elementFromPoint,
mis tagastab elemendi koordinaatide järgi