エラーが出ます。

質問

マウスイベントのjavascriptでエラーが出ます。

<IMG height=13 src="img/new.gif" align=middle name=ar01>
<A onmouseover="chImg(document.ar01,'img/icon.gif')" onclick="chImg(document.ar01, 'img/arrow_f.gif')"
href="main.html" TARGET="main">ＡＢＣ</A>

というイベントを設定したのですが、

<SCRIPT language=javaScript>
<!--
preImg = new Image();
preImg.src="img/arrow_f.gif";
preImg.src="img/new.gif";
preImg.src="img/icon.gif";
function chImg(img_a,img_b) {img_a.src = img_b;}
//-->
</SCRIPT>

のfunction ------の行で
'undefined'は'Null'またはオブジェクトではありません。
というエラーメッセージがでます。

なぜエラーになるのでしょうか？
他のサイトではうまく動いているのに良くわかりません
ご指導お願いします。

回答No.1

tamaCo · ベストアンサー

以下ではどうでしょうか？

> <A onmouseover="chImg(document.ar01,'img/icon.gif')" onclick="chImg(document.ar01, 'img/arrow_f.gif')" href="main.html" TARGET="main">ＡＢＣ</A>

<a href="main.html" target="main" onMouseOver="JavaScript:chImg('document.ar01','img/icon.gif');" onClick="JavaScript:chImg('document.ar01', 'img/arrow_f.gif');">ＡＢＣ</a>

> function chImg(img_a,img_b) {img_a.src = img_b;}

function chImg(img_a,img_b) {eval(img_a).src = img_b;}

おそらくパラメータの「document.ar01」がオブジェクトとして認識されて
いないのでは。。そんな時には「eval」関数が使えます。
evalは文字列を式として評価します。詳しい説明は以下を参考になさってください。
http://www.openspc2.org/JavaScript/ref/convert/eval.htm

＃ 動作確認してません。動かなかったらごめんなさい。

参考URL：

http://www.openspc2.org/JavaScript/ref/convert/eval.htm

お礼

ありがとうございました！！
エラーも出ることなく
正常に稼動しました！！