Javascript:获取img元素的宽度

Question

使用 Javascript 我已经能够在我的 html 文档中选择一个图像元素(一个 HTMLImageElement 对象，比如 img1)。我还可以使用 img1.style 获取它的样式。但是，以下返回空白警报:

alert(img1.style.width);

而在相同位置使用它效果很好:

alert(img1.width);

所以我认为图片尚未加载不是问题。

不过，我可以使用这两个选项中的任何一个设置宽度，当然我喜欢使用第一个。但为什么我不能使用第一个获取宽度？

与其说我想完成的任务是这里的问题(我可以用第二种方式做到)；我想了解第一种方式有什么问题。

Answer 1

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