开发者

resize button image using javascript

开发者 https://www.devze.com 2023-01-17 08:13 出处：网络

I want the following button (and it\'s image) to change size when I click it. The dialog is showing, but the size is not changing..

相关专题：javascript

I want the following button (and it's image) to change size when I click it. The dialog is showing, but the size is not changing..

<html>
    <input type="image" src="pacman.png"  onClick="
        alert('test');
        this.height='200px'; // change de button size
        // this.image.height='200px'; // not sure if this line will work..
    "/>
</html>

Need be in javascript, no in the css, becouse I'll make an anima开发者_Go百科tion later..

You have to manipulate the "style" property:

this.style.height = '200px';

You can do it with

this.style.height = "200px";

BUT, you should look into jQuery, an excellent Javascript library which makes it really easy to do that plus a LOT more! It's worth the small learning curve, trust me. http://www.jquery.com