クリックしたら画像サイズを変える（DOM）


■動作ブラウザ　【 IE:4.0　 NN:6.0】
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows × ○ - ○ ○ ○ × × × × ○ - × -
Macintosh × ○ ○ ○ - - × × × × ○ - - ○
UNIX - - - - - - × × × × ○ - - -
Dreamcast - - - - - - - - - - × × -

ポイント <img src="button1.gif" name="btn" border="0" onClick="this.width=256">
説　　明 IE4以降、NN6以降、Firefox、SafariなどDOMに対応したブラウザでは直接imgタグ内でonMouseover="this.width=256"のようにイベントハンドラ／命令を記述しても動作します。画像の高さはthis.heightになります。
サンプル <html> <head> <title>クリックしたら画像サイズを変える（DOM）</title> </head> <body> <img src="button1.gif" name="btn" border="0" onClick="this.width=256"> </body> </html>
補足説明 なし

■サンプルスクリプトを実行する　>>実行
 ■各ブラウザでの動作結果を見る　>>View!
写真素材 PIXTA