HTML DOM getBoundingClientRect() Yöntemi
❮ Öğe NesnesiÖrnek
Görünüm alanına göre bir öğenin boyutunu ve konumunu döndür:
var rect = obj.getBoundingClientRect();
Tanım ve Kullanım
getBoundingClientRect() yöntemi, bir öğenin boyutunu ve görünüm alanına göre konumunu döndürür.
Bu yöntem, sekiz özelliğe sahip bir DOMRect nesnesi döndürür: left, top, right, bottom, x, y, width, height.
Not: Sınırlayıcı dikdörtgen hesaplanırken görünüm alanı alanında yapılan kaydırma miktarı dikkate alınır. Bu, dikdörtgenin kenarlarının (üst, sol, alt ve sağ) kaydırma konumu her değiştiğinde değerlerini değiştireceği anlamına gelir.
Tarayıcı Desteği
Tablodaki sayılar, yöntemi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
Sözdizimi
element.getBoundingClientRect()
Teknik detaylar
DOM Sürümü: | CSS Nesne Modeli (CSSOM) Görünüm Modülü |
---|---|
Geri dönüş değeri: | Sekiz özelliğe sahip bir DOMRect nesnesi: sol, üst, sağ, alt, x, y, genişlik, yükseklik. |
❮ Öğe Nesnesi