Phần tử DOM HTML clientLeft
Ví dụ
Hiển thị độ rộng viền trên và viền trái của myDIV:
const elmnt = document.getElementById("myDIV");
let text = "Border top width: " + elmnt.clientTop + "px<br>";
text += "Border left width: " + elmnt.clientLeft + "px";
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Thuộc tính clientLeft
trả về chiều rộng của đường viền bên trái của phần tử, tính bằng pixel.
Thuộc tính clientLeft
không bao gồm phần đệm bên trái hoặc lề trái của phần tử.
Thuộc tính clientLeft
ở dạng chỉ đọc.
Ghi chú
Thuộc tính style.borderLeftWidth cũng trả về chiều rộng của đường viền bên trái của phần tử.
Hướng dẫn:
Xem thêm:
Cú pháp
element .clientLeft
Giá trị trả về
Kiểu | Sự miêu tả |
Con số | Chiều rộng của đường viền bên trái của phần tử, tính bằng pixel. |
Thêm ví dụ
Trong ví dụ này, hướng văn bản của "myDIV" là từ phải sang trái và có thanh cuộn:
let left = document.getElementById("myDIV").clientLeft;
Hãy tự mình thử »Hỗ trợ trình duyệt
element.clientLeft
được hỗ trợ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | Yes |