width,naturalWidth和clientWidth之间有什么区别?

时间:2015-01-27 09:34:24

标签: dom

widthnaturalWidthclientWidth之间有什么区别?

2 个答案:

答案 0 :(得分:6)

阅读本文:

Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively

示例:<img>代码

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

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

答案 1 :(得分:1)

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

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