Javascriptのフラストレーションは、doesntのは、他の場所で動作するようには思え

Question

問題私は

//document.getElementById('formtimer').innerHTML = TimeStr; // Shows 00:15:00 

作品素晴らしくコメントを取る場合、これは動作します

。だから、私は

ていることにコメントアウトして...私は1が描かれていなかったときので、私はPhotoshopに行き、0-9を作り、これを試してみました...

var imgCounter = document.getElementById('formtimer'); 
imgCounter.src = "graphics/odometers/white and blue with black background/1.png"; 

グラフィカルカウンタを作りたかったです私はそれが画面上に0を描く...

<td class="tbl_col1"><div align="right" id="formtimer"><img src="graphics/odometers/white and blue with black background/0.png" /></div></td> 

SO ...（私はすでにそこに絵を持っていただけの場合には）HTMLでこれを入れて、Javascriptを1に変更する必要があります私はパスが間違っていると思ったので、私はそれで遊んだ。私は以下のコードを別の関数（ここでは動作する）からここにコピーしました - それは仕事をしませんでした（ "他の"作業コードの元のIDは違っていました。スクリプト。

var img_sad = "graphics/signup/smiley-sad006.gif"; 
var imgUsername = document.getElementById('formtimer'); 
imgUsername.src = img_sad; 

innerHTMLプロパティが正常に動作し、私のグラフィックが動作しない理由を私は混乱している。私はFirebugの中で、デバッグを試してみましたが、エラーは表示されません。

してください、もう一度ありがとう！

Answer 1

document.getElementById('formtimer');は<div>要素を取得し、imgCounter.src = "..."はのsrc属性を設定します。意味はありません。

代わりに<img>要素が必要です。これは、firstChildプロパティを使用するか、または<img>要素にIDを追加することで実行できます。