Javascript：获取img元素的宽度

Question

使用Javascript我能够在我的html文档中选择一个图像元素（一个HTMLImageElement对象，比如img1）。我也可以使用img1.style获得它的风格。但是，以下内容将返回空白警报：

alert(img1.style.width);

虽然在同一位置使用它可以正常工作：

alert(img1.width);

因此我认为图像尚未加载是一个问题。

我可以使用两个选项之一设置宽度，当然，我喜欢使用第一个。但为什么我不能使用第一个获得宽度？

这不是我想要完成的任务，而是这里的问题（我可以用第二种方式做到这一点）;我想知道第一种方式有什么问题。

Answer 1

img1.style.width返回css-attribute width的值。如果您没有将宽度应用于该图像的css规则，则该属性为空字符串。

Answer 2

这些是对设置<img>宽度的两种不同方式的引用：

• 例如，您可以通过<img width="100px">在HTML属性中设置。
• 您可以通过CSS为<img>所属的样式或类设置它。

第一个是通过img.width访问的。 第二个通过img.style.width。