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

2025-03-10 10:00:39

推荐回答（2个）

回答1：

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

方法一：原始方法


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;
  }
 
}


方法二：jquery 的toggle函数

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

回答2：

是你这句换判断问题:

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

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

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