JavaScript Reference/Javascript Properties/clientWidth
"clientWidth" Example
<source lang="javascript">
<html> <body>
<button onclick="alert(myDiv.clientWidth);">clientWidth</button>
</body>
</html>
</source>
"clientWidth" is applied to
<source lang="javascript">
+----------------+--------------------------------------------------------------+ | Applied_To |<a> <acronym> | | |<address> <applet> | | |<area> | | |<base> <basefont> | | | |
| |<body> || |
| |
<button> || | |
| |<dir>| | |<col> <colgroup> | | |<custom>| | | || | |
- | | | <embed> | | |<fieldset> <form> | | |<frame> <frameset> | | |<head> <hn> | | |
<html> || | <iframe> | | |<img> <input type="button"> | | |<input type="checkbox"> <input type="file"> | | |<input type="image"> <input type="password"> | | |<input type="radio"> <input type="reset"> | | |<input type="submit"> <input type="text"> | | | <isindex> | | | <label> |
| |<legend>- | | |<link> <listing> | | |<map> <marquee> | | |<menu> <meta> | | |<nobr> <noframes> | | |<noscript> <object> | | |
<optgroup> | | |<option>
| | |<param> <plaintext> | | |
| | || | |<script> <select> | | | | | || | |<style> | | || | |<tbody>
| | |<textarea> <tfoot> |
| |<thead> | | |<title> | | | | | | | | |<xmp> | +----------------+--------------------------------------------------------------+ </source>
"clientWidth" Syntax and Note
<source lang="javascript"> Note: Read-only properties. Retrieve the content and padding width.
Syntax:
document.getElementById("elementID").clientHeight document.getElementById("elementID").clientWidth document.all.elementID.clientHeight // IE only document.all.elementID.clientWidth // IE only
</source>
