マウスが乗ったらボタン(button)内容を変える

■動作ブラウザ
Internet Explorer Netscape Navigator
4.0x 4.5 5.0x 5.5 6.0 4.x 6.0
Windows ○ - ○ ○ ○ × ×
Macintosh ○ ○ ○ - - × ×
UNIX - - - - - × ×

解　　説 　ボタン内容を変更するにはマウスイベントを検知した後、「ボタン名.innerHTML」として表示する内容(HTMLまたはテキスト)を設定します。
コード <html> <head> <title>マウスが乗ったらボタン(button)内容を変える</title> <script language="JavaScript"> <!-- function setImg() { myBTN.innerHTML="<img src='image.gif'>"; } function setText() { myBTN.innerHTML="マウス乗せて！"; } // --></script> </head> <body> ボタンの上にマウスを乗せると画像、離すと文字になります<br> <button id="myBTN" onmouseover="setImg()" onmouseout="setText()"> 乗せて〜 </button> </body> </html>

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