締切済み

FireFoxにプロパティ"src"は存在しない？

2007/09/19 21:19

指定された画像要素の"SRC"属性を書き換えて、以下のような画像を変更するプログラムを書いています。 function hoge(ImgName){ document.getElementById("Picture").src=ImgName; } （中略） <img src="" id="Picture" onClick="JavaScript:hoge(hoge.jpg)"> ＩＥでは実行可能なのですが、FireFoxで実行すると「document.getElementById("Picture") has no properties」というエラーが出てしまいます。 setAttributeなども試したのですが同様のエラーが出てだめでした。やはり指定プロパティ(src)が存在しないので駄目みたいです。 FireFox等でIMG要素のSRC属性を書き換えるにはどうすれば良いでしょうか。アドバイスをお願いします。

Wunderlich
お礼率86% (75/87)

JavaScript
回答数3
ありがとう数2

みんなの回答 （3）
専門家の回答

みんなの回答

steel_gray
ベストアンサー率66% (1052/1578)

2007/09/19 23:42 回答No.3

#2の補足のコピペに前後を補足した次のようなHTMLファイルで試しましたが再現(エラー発生)しませんでした。 <html> <head> <title></title> </head> <body> <script language="javascript"> function loadimage(ImgName){ document.getElementById("Picture").src=ImgName; } </script> <script type="text/javascript"> </script> <img src="" id="Picture" onclick="JavaScript:document.getElementById('PictureWindow').style.visibility='hidden'"> <a href="JavaScript:loadimage('41.jpg')">■</a> </body> </html> ■をクリック後、ソース表示するとimgのsrcは'41.jpg'に変更されていました… （Web Developer※1 の「編集内容を反映したソース表示」で確認）環境とか、何か違いがあるのでしょうけど、再現しない以上、ちょっと私にはわからないです。 ※1 Web Developer http://www.infoaxia.com/tools/webdeveloper/

質問者

お礼 2007/09/20 08:57

すみません、色々と調査した結果。別の箇所でエラーが発生していて動作が中断していたことが判明致しました。問題解決いたしました。お騒がせして申し訳ございませんでした

steel_gray
ベストアンサー率66% (1052/1578)

2007/09/19 22:31 回答No.2

Firefoxでも質問にあるような手法でのsrc属性の書き換えは可能です。ありえそうなミスとして、 <img ～ name="Picture">としているケースです。 IEは name であっても getElementById が成功してしまう妙な実装がされています。そうではない場合、適当に書かずに本物からコピペして補足してみてください。

質問者

補足 2007/09/19 22:45

ソースコード、適当に書いてしまって申し訳ございません。以下が実装中のコードです。ＩＥで画像の切り替えを確認しています。（関数宣言部分） <script language="javascript"> function loadimage(ImgName){ document.getElementById("Picture").src=ImgName; } </script> （ＩＭＧ要素） <img src="" id="Picture" onclick="JavaScript:document.getElementById('PictureWindow').style.visibility='hidden'"> （リンク要素） <a href="JavaScript:loadimage('41.jpg')">■</a> 動作としては、ユーザがリンクをクリックすると、 loadimage関数を呼び出し、同時にローカル変数ImgNameに画像のＵＲＬを示す文字列を渡します。その後ImgNameに渡されたＵＲＬで、ID"Picture"で示される要素のsrc属性を書き換えて画像の切り替えを行います。分かりにくくてごめんなさい。