JavaScriptに関する質問です

質問

ホームページをつくっていますJavaScript超初心者です。どなたか手助けをしていただけますでしょうか？やりたいことというのは、次の通りです。
とあるページがありまして、次のような項目が並んでいます。
<li><a href="#" onClick="window.open('f.html?1,'newWin','width=850,height=650')">テキスト1</a></li>
<li><a href="#" onClick="window.open('f.html?2,'newWin','width=850,height=650')">テキスト2</a></li>
<li><a href="#" onClick="window.open('f.html?3,'newWin','width=850,height=650')">テキスト3</a></li>

それぞれのテキストをクリックすると、新しいウィンドウが表示され、次のJavaScriptが起動します。

function fx(){
var num = location.search.substr(1,1);
var the_id1 = "s" + num.toString();
var img = document.getElementById(the_id1).getElementsByTagName("img");
img[0].src = ""←このあたりが特に分かりません。
}

最後に新しいウィンドウページのhtmlを書いておきます。
<div id="s1"><img src="img/s1w.gif" name="s1img"/></div>
<div id="s2"><img src="img/s2w.gif" name="s2img"/></div>
<div id="s3"><img src="img/s3w.gif" name="s3img"/></div>
　このように始めのページの項目をクリックすると、javascript　fx　が起動してdiv s1 ～s3の画像を取得する（入れ替える）というようにしたいのです。
つまり、最初のページのテキスト1をクリックすればdiv s1の画像を入れ替える、テキスト2をクリックでdiv s2の画像を、という具合にです。　
←このあたりが分かりませんと書いたように、画像を別々に取得する方法が分かりません。
どのように改良すればいいでしょうか？もしくは全く新しいものに変える必要があるでしょうか？
分かる方、どなたか教えてください。よろしくお願いします。

回答No.1

fujillin · ベストアンサー

ご質問の意味がよく理解できてませんが…

＞最初のページのテキスト1をクリックすればdiv s1の画像を入れ替える、
＞テキスト2をクリックでdiv s2の画像を、という具合にです
であれば、
　＞img[0].src = ""←このあたりが特に分かりません
の「""」内に表示したい画像のurlを入れればよいだけではないでしょうか？

例えば
　img[0].src = "img/s9w.gif";
みたいに。

何をしたいのかがよく理解できてないので、はずしてたら失礼。
（fx()はload時に実行lされるようにはなっているのですよね？）