Thuộc tính bên trái của HTML DOM client
Thí dụ
Nhận chiều rộng của đường viền trên và bên trái của phần tử <div>:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính clientLeft trả về chiều rộng của đường viền bên trái của một phần tử, tính bằng pixel.
Thuộc tính này không bao gồm phần đệm bên trái hoặc phần lề trái của phần tử.
Mẹo: Bạn cũng có thể sử dụng thuộc tính style.borderLeftWidth để trả về chiều rộng của đường viền bên trái của phần tử.
Lưu ý: Đối với Chrome, Firefox và Opera trên Windows, nếu phần tử có thanh cuộn (được đặt bởi thuộc tính tràn CSS ) và nếu hướng văn bản của phần tử đó là từ phải sang trái (được đặt bởi thuộc tính hướng CSS ), điều này thuộc tính bao gồm chiều rộng của thanh cuộn dọc, cùng với chiều rộng của đường viền bên trái. Tuy nhiên, trong IE, nó trả về "0". Trên Mac OS, sử dụng Safari, Chrome, Firefox hoặc Opera, nó chỉ trả về chiều rộng đường viền bên trái.
Mẹo: Để trả về chiều rộng của đường viền trên cùng của một phần tử, hãy sử dụng thuộc tính clientTop .
Thuộc tính này là chỉ đọc.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
Cú pháp
element.clientLeft
Chi tiết kỹ thuật
Giá trị trả lại: | Một Số, đại diện cho chiều rộng của đường viền bên trái của một phần tử, tính bằng pixel |
---|
Các ví dụ khác
Thí dụ
Trong ví dụ này, hướng văn bản của <div> là từ phải sang trái và nó có một thanh cuộn:
var left = document.getElementById("myDIV").clientLeft;