getBoundingClientRect методи

getBoundingClientRect методи элементнинг координаталари объектини ўз ичига олади. Координаталар саҳифанинг кўринувчи қисмига нисбатан ҳисобланади (деразага нисбатан). Яъни position хосисасининг fixed қийматидаги каби.

Қайтарилган объектда қуйидаги хосисалар мавжуд: left, top, right, bottom, width, height. Шуни таъкидлаш керакки, бу хосисалар CSS хосисалори билан ҳеч қандай боғлиқликка эга эмас. Уларда элементнинг мос томонларигача бўлган масофалар мавжуд. left/right учун - саҳифанинг кўринувчи соҳасининг чап чегарасидан, top/bottom учун эса - юқори чегарасидан.

Синтаксис

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

Мисол

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

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

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

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

Қараш мумкин