getBoundingClientRect()

Misol

Elementning o‘lchami va ko‘rish maydoniga (viewport) nisbatan joylashuvini qaytaring:

const rect = element.getBoundingClientRect();
O‘zingiz sinab ko‘ring »

ULASHISH

Tavsif

getBoundingClientRect() metodi elementning o‘lchami va ko‘rish maydoniga (viewport) nisbatan joylashuvini qaytaradi.

getBoundingClientRect() metodi sakkizta xususiyatga ega DOMRect obyektini qaytaradi: left, top, right, bottom, x, y, width, height.

Eslatma

Amalga oshirilgan aylantirish (scroll) hisobga olinadi. Bu shuni anglatadiki, aylantirish holati har safar o‘zgarganda to‘rtburchak chetlarining (top, left, bottom va right) qiymatlari ham o‘zgaradi.


Sintaksis

element.getBoundingClientRect()

Qaytariladigan qiymat

Tip Tavsif
ObjectSakkizta xususiyatga ega DOMRect obyekti:
left, top, right, bottom, x, y, width, height.

Brauzerlarda qo‘llab-quvvatlash

element.getBoundingClientRect() barcha brauzerlarda qo‘llab-quvvatlanadi:

Chrome Edge Firefox Safari Opera IE
Ha Ha Ha Ha Ha 9-11

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!