HTML内のテキストを切替える事は可能でしょうか？

質問

<script language="JavaScript"><!--
function myMouseOn(){
document.right_msg.value = "切り替え後の文字列";
}
// --></script>
<span name="right_msg">
切り替え前の文字列
</span>
<INPUT TYPE="image" src="1.jpg" onClick="myMouseOn();">

のHTMLで画像をクリックしてもテキストが切り替わりません。
実現方法はございますでしょうか？

回答No.1

Dumper · ベストアンサー

フォーム部品のINPUTやTEXTAREAなら value
SPANやDIVなどの場合は innerHTML

と指定してください。

回答No.2

leap_day

こんにちは

<script type="text/javascript"><!--
function myMouseOn() {
document.getElementById("right_msg").innerHTML = "切り替え後の文字列";
}
//--></script>
<span id="right_msg">
切り替え前の文字列
</span>
<input type="image" src="1.jpg" onclick="myMouseOn();return false;">

※補足しておくと<input type="image">は<form>内で使うと<input type="submit">と同じ効果があるのでreturn false;をつけてます
<form>内で使用していないのであればいらないです

もしくはそのまま画像で使うか
<img src="1.jpg" onclick="myMouseOn()">

お礼

なるほど。return falseは大変勉強になりました。
ありがとうございます。