HTML DOM Phương thức getBoundsClientRect ()
❮ Đối tượng phần tửThí dụ
Trả lại kích thước của một phần tử và vị trí của nó so với khung nhìn:
var rect = obj.getBoundingClientRect();
Định nghĩa và Cách sử dụng
Phương thức getBoundsClientRect () trả về kích thước của một phần tử và vị trí của nó so với khung nhìn.
Phương thức này trả về một đối tượng DOMRect với tám thuộc tính: left, top, right, bottom, x, y, width, height.
Lưu ý: Số lần cuộn đã được thực hiện của vùng khung nhìn được tính đến khi tính toán hình chữ nhật giới hạn. Điều này có nghĩa là các cạnh của hình chữ nhật (trên, trái, dưới và phải) thay đổi giá trị của chúng mỗi khi vị trí cuộn thay đổi.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phương pháp này.
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
Cú pháp
element.getBoundingClientRect()
Chi tiết kỹ thuật
Phiên bản DOM: | Mô-đun xem mô hình đối tượng CSS (CSSOM) |
---|---|
Giá trị trả lại: | Một đối tượng DOMRect có tám thuộc tính: left, top, right, bottom, x, y, width, height. |
❮ Đối tượng phần tử