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 մեթոդը,
որը վերադարձնում է տարրը ըստ կոորդինատների