Mbinu getBoundingClientRect

Mbinu getBoundingClientRect ina kitu cha kuratibu za kipengele. Kuratibu huhesabiwa kuhusiana na sehemu inayoonekana ya ukurasa bila kuzingatia usokoto (kuhusiana na dirisha). Hii inamaanisha kama ilivyo kwenye sifa position kwenye thamani fixed.

Kwenye kitu kilichorudishwa kuna sifa: left, top, right, bottom, width, height. Inafaa kuzingatia kwamba sifa hizi hazina chochote cha kufanana na sifa za CSS. Ndani yake zina umbali hadi pande zinazofanana za kipengele. Kwa left/right - kutoka kwenye mpaka wa kushoto wa eneo linaloonekana la ukurasa, na kwa top/bottom - kutoka kwa wa juu.

Syntax

kipengele.getBoundingClientRect();

Mfano

Tupate kuratibu za kipengele:

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

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

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

Angalia pia

sifa offsetParent,
ambayo ina mzazi mwenye uwekeaji nafasi
sifa offsetTop,
ambayo ina makazi ya kipengele kutoka juu
sifa offsetLeft,
ambayo ina makazi ya kipengele kutoka kushoto
mbinu elementFromPoint,
ambayo hurudisha kipengele kulingana na kuratibu