DOMRect

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Note: This feature is available in Web Workers.

DOMRect mô tả kích thước và vị trí của một hình chữ nhật.

Loại hộp được đại diện bởi DOMRect được chỉ định bởi phương thức hoặc thuộc tính trả về nó. Ví dụ, Range.getBoundingClientRect() chỉ định hình chữ nhật bao quanh nội dung của phạm vi bằng các đối tượng đó.

Nó kế thừa từ lớp cha, DOMRectReadOnly.

Hàm khởi tạo

DOMRect(): Tạo một đối tượng DOMRect mới.

Thuộc tính phiên bản

DOMRect kế thừa các thuộc tính từ lớp cha, DOMRectReadOnly. Sự khác biệt là chúng không còn là chỉ đọc nữa.

DOMRect.x: Tọa độ x của gốc DOMRect (thường là góc trên bên trái của hình chữ nhật).
DOMRect.y: Tọa độ y của gốc DOMRect (thường là góc trên bên trái của hình chữ nhật).
DOMRect.width: Chiều rộng của DOMRect.
DOMRect.height: Chiều cao của DOMRect.
DOMRectReadOnly.top: Trả về giá trị tọa độ trên của DOMRect (cùng giá trị với y, hoặc y + height nếu height là âm).
DOMRectReadOnly.right: Trả về giá trị tọa độ phải của DOMRect (cùng giá trị với x + width, hoặc x nếu width là âm).
DOMRectReadOnly.bottom: Trả về giá trị tọa độ dưới của DOMRect (cùng giá trị với y + height, hoặc y nếu height là âm).
DOMRectReadOnly.left: Trả về giá trị tọa độ trái của DOMRect (cùng giá trị với x, hoặc x + width nếu width là âm).