JavaScript要素src変更

Question

「セーフティピングリーン」と「セーフティピンブルー」の2つのイメージがあり、呼び出されたときのソースの内容によって画像要素のソースを変更したいマウスオーバー、マウスアウトのためのものです。

function changeImage(id) { 
var src = document.getElementById(id).src; 
    if (src.search("green") != 0) { 
     src = src.replace("green", "blue"); 
    } else { 
     src = src.replace("blue", "green"); 
    } 
    document.getElementById(id).src = src; 
} 

と私が使用しているHTMLタグ： は、ここにはJavaScriptだ

<img id="safety-pin" src="../images/safety-pin-green.jpg" alt="Safety pin" 
    onmouseover="changeImage(id)" onmouseout="changeImage(id)"></img> 

コードはほとんど機能し

は、画像が青い行くが、彼らは緑色の画像に戻らないときマウスが画像を残す、なぜこれが何であるか？ searchのMDN資料から

Answer 1

、

戻り値

正規表現と指定された文字列の間の最初のマッチのインデックス。見つからなければ、-1。

私はそれが簡単な:)を固定 '>' 私の問題を解決します。

src.search("green") !== -1 

Answer 2

と

src.search("green") != 0 

を交換してください

if (src.search("green") > 0) { 
    src = src.replace("green", "blue"); 
}...