js实现点击图片变为另一张

我自己在图片中写了onclick事件，但是点击时没有反应，代码如下：
<img id="img1" src="/interaction/teacher/informanage/teachinves/dtree/img/heart_056.gif" onclick="return img1_onclick("img1")"/> 
 function img1_onclick(id) {
    var imgName=document.getElementById(id).src;    if(imgName=="/interaction/teacher/informanage/teachinves/dtree/img/08.gif")
    {
        document.getElementById(id).src="/interaction/teacher/informanage/teachinves/dtree/img/heart_056.gif";
    }else
    {
        document.getElementById(id).src="/interaction/teacher/informanage/teachinves/dtree/img/08.gif";
    }
}

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
    </head>
    <body>
        <img id="img1" src="images/1.jpg" onclick="img1_onclick(this.id)" />
        <script>
            function img1_onclick(id) {
               
                var imgName = document.getElementById(id).src;
                alert(imgName);
                if (imgName == "http://localhost:11186/images/1.jpg") {
                    alert(1);
                    document.getElementById(id).src = "images/2.jpg";
                } else {
                alert(2);
                    document.getElementById(id).src = "images/1.jpg";            }
            }
        </script>
    </body>
    </html>作为参考。。
      

  2.   

    当你不知道方法到底执没执行的时候。。可以用alert（）一步一步的去看你想传的参数的值
      

  3.   

    <img id="img1" src="/interaction/teacher/informanage/teachinves/dtree/img/heart_056.gif" onclick="return img1_onclick("img1")"/>  
    为什么 要有个return
      

  4.   

    <img id="img1" src="/interaction/teacher/informanage/teachinves/dtree/img/heart_056.gif" onclick="img1_onclick('img1')"/>  
     function img1_onclick(id) {
      var imgName=document.getElementById(id).src;  if(imgName=="/interaction/teacher/informanage/teachinves/dtree/img/08.gif")
      {
      document.getElementById(id).src="/interaction/teacher/informanage/teachinves/dtree/img/heart_056.gif";
      }else
      {
      document.getElementById(id).src="/interaction/teacher/informanage/teachinves/dtree/img/08.gif";
      }
    }
      

  5.   


    <img id="img1" src="/interaction/teacher/informanage/teachinves/dtree/img/heart_056.gif" onclick="img1_onclick('img1')"/>  
      

  6.   


    <img id="img1" src="images/user.gif" width="25px" height="25px" onclick="f_images(this.id);"/><script type="text/javascript">
         function f_images(id)
         {
         var srcImg = document.getElementById(id).src;
        
         if(srcImg == "<%=basePath%>images/user.gif")
         {
         document.getElementById(id).src="<%=basePath%>images/ht_06.jpg";
         }else
         {
         document.getElementById(id).src="<%=basePath%>images/user.gif";
         }
        
         }
        </script>
    这样可以，测试过了。用document.getElementById(id).src 获得的路径是全路径，带有ip地址和工程名的。
      

  7.   

    如果你这个页面是和interaction文件夹是同一级的，把“/”去掉，或者加上“~/”