if文with img.src

Question

問題：いつでも、私は単一の '='変数が表示され、正常になりますが、if文を完全に無視します。私はダブル '==' ..だけを行う場合、変数が表示されないと、それはelseの状態になります。あなたは何かが間違っているかどうかを知っている。ここ

var pic1 = document.getElementById('team1pic').src; 
var win1 = document.getElementById('wins').innerHTML; 
if (pic1 == 'pens.jpg') { 
    document.getElementById('wins').innerHTML = PittWins; 
} else { 
    document.getElementById('wins').innerHTML = 'no'; 
} 

は私が

<a class="dock-item" id="pens" href="#" onclick="document.getElementById('team1pic').src='pens.jpg'"><span>Pittsburgh Penguins</span><img src="pens.jpg" alt="Pittsburgh Penguins" /></a>` 

、その後

<th width="35%" ><img src=""/id='team1pic'></th> 

Answer 1

これが添付されているHTMLを見てうれしいです。

単一の=が機能するが、==が機能する理由は、それらが等しくないという結論を指摘しない。 =の理由は、割り当てがtrueと評価されるためです。これは、あなたが "truthy"という変数に代入するものの場合に当てはまります。つまり、値がJSで真と評価されることを意味します。 javascriptではすべてが0、false、null & undefinedと評価されています。

そこに何が入っているのかを確認するには、alert(pic1)を実行するか、FirefoxまたはChromeを使用している場合は、Javascriptデバッガーツールを使用できます。

Answer 2

より良いを持っていることをそれと一緒に行くためにいくつかのHTMLです：

var s = document.getElementById('team1pic').src, 
    w = document.getElementById('wins'); 

w.innerHTML = s == 'pens.jpg' ? PittWins : 'no'; 

私はPittWinsがあることを前提としてい変数。

Answer 3

ifの前にalert(pic1)を実行してください。

唯一の「問題」は、pic1が'pens.jpg'と等しくないことです。代入演算子=と置き換えると、'pens.jpg'（常にtrue）と評価される式が得られるので、常に最初の分岐が実行されます。

Answer 4

使用

var pic1 = document.getElementById('team1pic').getAttribute('src',2); 

...それは完全なパスを定義していないようにSRCを取得します。