Phần tử offsetLeft Thuộc tính
❮ Đối tượng phần tửThí dụ
Nhận vị trí offsetLeft của phần tử <div>:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
Định nghĩa và Cách sử dụng
Thuộc tính offsetLeft trả về vị trí bên trái (tính bằng pixel) so với bên trái của phần tử offsetParent.
Giá trị trả về bao gồm:
- vị trí bên trái và lề của phần tử
- phần đệm bên trái, thanh cuộn và đường viền của phần tử offsetParent
Lưu ý: Phần tử offsetParent là phần tử tổ tiên gần nhất có vị trí khác với vị trí tĩnh.
Mẹo: Để trả lại vị trí trên cùng của một phần tử, hãy sử dụng thuộc tính offsetTop .
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
offsetLeft | Yes | 8.0 | Yes | Yes | Yes |
Cú pháp
Trả lại vị trí lệch trái:
object.offsetLeft
Chi tiết kỹ thuật
Giá trị mặc định: | không có giá trị mặc định |
---|---|
Giá trị trả lại: | Một Số, đại diện cho vị trí bên trái của phần tử, tính bằng pixel |
Phiên bản DOM: | CSSOM |
Các ví dụ khác
Thí dụ
Nhận vị trí của phần tử aa <div>:
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
❮ Đối tượng phần tử