Question

Using Javascript I have been able to select an image element (an HTMLImageElement object, say img1) in my html document. I can also get its style using img1.style. However, the following returns a blank alert:

alert(img1.style.width);

whereas this used in the same position works fine:

alert(img1.width);

so I don’t think it’s a problem with the image not having loaded yet.

I can set the width using either of the two options, though, and I like using the first, of course. But why can’t I get the width using the first?

It’s not so much the task I want to accomplish that’s the issue here (I can do that in the second way); I want to learn what’s wrong with the first way.

Answer 1

img1.style.width returns the value of the css-attribute width. If you don’t have a css rule that applies a width to that image, the property is an empty string.