Question

JS来回切换图片src的问题，求高手！

js代码如下：
<script language=javascript>
function CheckForm()
{
var photo=document.getElementById("photo");
if(document.getElementById("photo").src == "arrow_down.png")
{
document.getElementById("photo").src = "arrow_up.png";
}else {
document.getElementById("photo").src = "arrow_down.png";
}

}
</script>

html代码如下：
<a href="#" onclick="CheckForm()">aasdadaassad<img id="photo" src="arrow_down.png"></a>

但是不管我怎么点击，图片就是是无法切换，求高手啊！

Answer 1

guy ,你拿本身要改变的属性作为判断条件，导致if，else顺序执行，从而导致回到原点，没有效果！！！

方法一：原始方法

<script language=javascript>
var flag = false;
function CheckForm()
{
  var photo=document.getElementById("photo");
 if(flag)
 {
  document.getElementById("photo").src = "arrow_up.png";
  flag=false;
 }else {
  document.getElementById("photo").src = "arrow_down.png";
  flag=true;
  }
 
}
</script>

方法二：jquery 的toggle函数

$('#photo').toggle(
    function(){
        this.src="arrow_up.png";
    };
    function(){
        this.src="arrow_down.png";
    }
    
);

Answer 2

是你这句换判断问题:

if(document.getElementById("photo").src == "arrow_down.png")

 

这个判断不正确, src 可能会变化, 而且获取的是 url 的全路径. 可以这样改:

if (photo.src.indexOf("arrow_down.png") >0)