What is the difference between width, naturalWidth, and clientWidth?
- This has nothing to do with JavaScript. It's a question about DOM properties.T.J. Crowder– T.J. Crowder2015-01-27 09:36:13 +00:00Commented Jan 27, 2015 at 9:36
Add a comment |
2 Answers
Read this:
Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively
example: <img> tag
naturalWidth: it is the original width of the image used in tag.
width: it is the value/default value of width attribute of tag.
clientWidth represents the width of the element and is subject to manipulation by the browser. For example, a 300px wide image can be resized and this manipulated value will come through in clientWidth.
naturalWidth is the natural width of the element. In the example of a 300px wide image, the naturalWidth will still be 300 even if the image is resized in the browser via CSS or JavaScript.
