Klick ändrar bildhöjd

Låt oss säga att en genomskinlig bild har height och width satta till 1x1px.
Bredvid finns en knapp, när jag klickar på den ska bildens height sättas till 100px. Alltså inte skala om bilden eller så, bara ändra height.

Är det möjligt?

<img src="img1.png" id="minBild" width="1" height="1" />
<button onclick="document.getElementById('minBild').height='100'">Öka höjden</button>

Funkar klockrent! Tack!

Vill inte verka som en bessewisser, men själv hade jag även lagt till px på slutet för att visa till 100% att det ärpixlar det handlar om:

 
<img src="img1.png" id="minBild" width="1" height="1" />
<button onclick="document.getElementById('minBild').height='100px';">Öka höjden</button>

nitro2k01 skrev:

Vill inte verka som en bessewisser, men själv hade jag även lagt till px på slutet för att visa till 100% att det ärpixlar det handlar om:

Fast då blir det bara fel.
width- och height-attributen skrivs antingen utan enhet eller som procent. Om enhet utelämnas är det alltid pixlar man snackar om.
http://www.w3.org/TR/html401/sgml/dtd.html#Length

Om man använder styles måste man däremot ange en enhet, t ex:

document.getElementById('minBild').style.height='100px'