JavaScriptのgetElementById以降の記述？

質問

ボタンをクリックすると表示内容とボタン色を変える、というJavaScriptを書き換えているところなのですが、
わからないことがあるので宜しくお願いします。

※ボタンにはid名（id="tab0"、id="tab1"、id="tab2"、…といったふうに）が付けてあります。
------------------------------------------------------------
参考にしている書き換え前のJavaScriptの一部
------------------------------------------------------------
function changeTab(n) {
if ( n != tabNum && document.getElementById("tab"+n+"_content") ) {
document.getElementById("tab"+tabNum).style.backgroundColor="#666";
document.getElementById("tab"+tabNum+"_content").style.display = "none";
document.getElementById("tab"+n).style.backgroundColor="#fff"; document.getElementById("tab"+n+"_content").style.display = "block";
tabNum = n;
}}
------------------------------------------------------------

ボタン（<button type="button" id="tab0">）の代わりに
画像（<input type="image" id="tab0" src="xxx.gif">）にしたので、
クリックしたときに画像を別の画像に入れ替えるようにしたいのです。

「style.backgroundColor="#fff";」の部分を書き換えれば良いと思うのですが…。

説明不足の点などありましたら補足しますので宜しくお願いします。

回答No.1

FlossenEngel · ベストアンサー

基本的には、おっしゃる通り
document.getElementById("tab"+n).style.backgroundColor="#fff";
を
document.getElementById("tab"+n).src = "zzz.gif";
のようにすればよいと思うのですが...。

お礼

できました！
gif画像のnを取得するための書き方が間違っていてエラーになったようです…。
最近JavaScriptをいじり始めたばかりなので自信がなく、何か根本的に間違っているのかも…？と思ってしまって…。
おかげさまで無事解決しました。
ありがとうございました。