Metod getBoundingClientRect

Metod getBoundingClientRect elementin koordinat obyektini ehtiva edir. Koordinatlar səhifənin görünən hissəsinə nisbətən sürüşdürmə nəzərə alınmadan hesablanır (pəncərəyə nisbətən). Yəni position xüsusiyyətinin fixed dəyərində olduğu kimi.

Qaytarılan obyektdə aşağıdakı xüsusiyyətlər var: left, top, right, bottom, width, height. Qeyd etmək lazımdır ki, bu xüsusiyyətlər CSS xüsusiyyətləri ilə heç bir əlaqəsi yoxdur. Onlar elementin müvafiq tərəflərinə qədər olan məsafələri ehtiva edir. left/right üçün - səhifənin görünən hisssəsinin sol sərhədindən, top/bottom üçün isə - yuxarı sərhəddən.

Sintaksis

element.getBoundingClientRect();

Nümunə

Elementin koordinatlarını alaq:

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

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

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

Həmçinin bax

pozisionallaşan valideyni ehtiva edən offsetParent xüsusiyyəti
elementin yuxarı ofsetini ehtiva edən offsetTop xüsusiyyəti
elementin sol ofsetini ehtiva edən offsetLeft xüsusiyyəti
koordinatlara görə elementi qaytaran elementFromPoint metodu