getBoundingClientRect методу

getBoundingClientRect методу элементдин координаталарынын объектин камтыйт. Координаталар барактын көрүнгөн бөлүгүнө карата эсептелет жылып өтүүнү эске албастан (терезеге карата). Башкача айтканда position касиетинин fixed маанисиндегидей.

Кайтарылган объект төмөнкү касиеттерди камтыйт: left, top, right, bottom, width, height. Бул касиеттердин CSS касиеттери менен эч кандай байланышы жок экенин белгилөө керек. Алар элементтин тиешелүү жактарына чейинки аралыктарды камтыйт. left/right үчүн - барактын көрүнгөн аянтынын сол чек арасынан, ал эми top/bottom үчүн - жогорку чек арасынан.

Синтаксис

элемент.getBoundingClientRect();

Мисал

Элементтин координаталарын алалы:

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

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

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

Ошондой эле караңыз

offsetParent касиети,
ал позицияланган ата-энесин камтыйт
offsetTop касиети,
ал элементтин жогорку жактан ыгыгын камтыйт
offsetLeft касиети,
ал элементтин сол жактан ыгыгын камтыйт
elementFromPoint методу,
ал координаталар боюнча элементти кайтарат