画像を切り替える

暇なのでAjaxというかDOMをちらっと勉強。


想定するのは、XMLに画像のパスやファイル名を記述しておいて、HTML側で後から当てはめようということ。
つまり

<img id="img1" src=""/>
 ↓
<img id="img1" src="gazou.jpg"/>

という処理をしたい。






調べて5分で完成。

$("img1").setAttribute("src", "gazou.jpg");


便利なものだ。
$〜はprototype.jsを使ったので。


あ、実際の画面をブラウザからソースを見ると、

<img id="img1" src=""/>

のままだった。


なるほどね。


参考
http://www-06.ibm.com/jp/developerworks/web/library/wa-ajaxintro6/index.shtml
http://developer.mozilla.org/en/docs/DOM:element.setAttribute