私は、次のhtmlているのjavascript

Question

を使用してAAのhref内のimg srcを変更する：押すと笑顔不活性することで囲まれたIMGのSRCを置き換えるために、私はフリップ機能を基本的に

<li> 
    <a href=\"p://emotion/appreciate\" onclick=\"flip()\"> 
     <img src=\"smile.png\" /> 
    </a> 
</li> 

をしたい、と変更それがsmile-inactive.pngに入っていれば、もう一度smile.pngに戻ります。 imgにIDを与えたくない場合は、document.getElementByIdを実行する必要はありません。

<a href=\"p://emotion/appreciate\" onclick=\"flip.call(this)\"> 

function flip(){ 
    var img = this.children[0]; 
    if (/smile\.png/.test(img.src)) 
     img.src = "smile-inactive.png"; 
    else 
     img.src = "smile.png" 
} 

---

EDIT

として：あなたのフリップ関数内

Answer 1

、私はあなただけでクリックしたアンカーへthisポイントは、最初childNodeがようimgをつかむことを確認してしまいます@am not i amを指摘し、切り替えてブラウザのサポートをわずかに向上させることができます

var img = this.getElementsByTagName("img")[0]; 

から

var img = this.children[0]; 

Answer 2

、両方の画像を取るものにそれらをマージし、ちょうど示されているかを判断するためにオフセット使用。
これはCSSで簡単に実行できます。