clientLeft property in javascript
clientLeft property is used to find the width between the left border and the element.
If the elements text direction is right-to-left, and the element contains scrollbar in left side it will also be added.
When calculating, left margin and padding are not added.
Syntax
var elem = element.clientLeft;
Example Explanation
- In the above example we have created a div (idDiv), and have specified border for the element.
- When the button is clicked, fun_name function is called.
- In the Javascript function, first we are getting the element (document.getElementById("idDiv")) and storing it in elem variable.
- Using the clientLeft property, width between the left border and the element is calculated and displayed (alert(elem.clientLeft)).