Dom 什么';宽度、自然宽度和客户宽度之间的区别是什么?

Dom 什么';宽度、自然宽度和客户宽度之间的区别是什么?,dom,Dom,width、naturalWidth和clientWidth之间有什么区别?阅读以下内容: 示例:标记 naturalWidth:它是标记中使用的图像的原始宽度 width:它是标记的width属性的值/默认值。clientWidth表示元素的宽度,可由浏览器进行操作。例如,一个300px宽的图像可以调整大小,这个被操纵的值将在clientWidth中通过 自然宽度是图元的自然宽度。在300px宽的图像示例中,naturalWidth仍然是300,即使通过CSS或JavaScript在浏览器中

width
naturalWidth
clientWidth
之间有什么区别?

阅读以下内容:

示例:
标记

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


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

clientWidth
表示元素的宽度,可由浏览器进行操作。例如,一个300px宽的图像可以调整大小,这个被操纵的值将在
clientWidth
中通过


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

这与JavaScript无关。这是一个关于DOM属性的问题。在加载图像之前,有没有办法获取图像的原始宽度?使用图像的加载事件并获取宽度和高度,或者可以使用:var w=document.querySelector('img').naturalWidth;你没有解释客户宽度