Phần tử DOM HTML getBoundingClientRect()
Ví dụ
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:
const rect = element.getBoundingClientRect();
Hãy tự mình thử »Sự miêu tả
Phương thức getBoundingClientRect()
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 getBoundingClientRect()
trả về một đối tượng DOMRect với 8 thuộc tính: left, top, right, Bottom, x, y, width, Height.
Ghi chú
Việc cuộn đã được thực hiện sẽ được tính đế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ị mỗi khi vị trí cuộn thay đổi.
Cú pháp
element .getBoundingClientRect()
Giá trị trả về
Kiểu | Sự miêu tả |
Sự vật | Một đối tượng DOMRect có tám thuộc tính: trái, trên, phải, dưới, x, y, chiều rộng, chiều cao. |
Hỗ trợ trình duyệt
element.getBoundingClientRect()
được hỗ trợ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |