width，naturalWidth和clientWidth之间有什么区别？

Question

width，naturalWidth和clientWidth之间有什么区别？

Answer 1

阅读本文：

Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively

示例：<img>代码

naturalWidth：它是标记中使用的图像的原始宽度。

width：它是tag的width属性的值/默认值。

Answer 2

clientWidth表示元素的宽度，并受浏览器的操纵。例如，可以调整300像素宽的图像大小，并且此操纵值将在clientWidth中显示。

naturalWidth是元素的自然宽度。在300px宽图像的示例中，即使通过CSS或JavaScript在浏览器中调整图像大小，naturalWidth仍将为300。