文字列をクリックすると文字の代わりに画像を表示する方法

質問

いつもお世話になります。
小さな画像をクリックして、その小さな画像の代わりに大きな画像を表示する。と、いうことは、
<img src="aaa.jpg" alt="**" onclick="ChngPhotoSize(this,'bbb.jpg')">
ということでできました。ChngPhotoSize()により、aaa.jpgが表示されていた<img>タグ(this)のsrcにbbb.jpgを採用することで表示できます。
ここで、質問ですが、aaa.jpgの代わりに文字列を表示しておきその文字列をクリックすると、文字列の代わりにbbb.jpgのような画像を表示することはできないでしょうか。
別ウィンドーを開いてと、いうのでなく文字列が表示されていたその代わりに表示したいのですが。
よろしくお願いいたします。

回答No.1

yambejp · ベストアンサー

ChngPhotoSize()自体がどういうものかわかりかねますが

<span onclick="this.innerHTML='<img src=\'bbb.jpg\'>'">ほげほげ</span>
のような感じでどうでしょうか？

お礼

yambejpさん、早速レスありがとうございます。
this.innerHTML=・・・
思いつきませんでした。
できました。どうもありがとうございました。