当触发 onclick="show(this.id)"> 后，如何变换链接里的图片？

如何变换链接里的图片？前提是必须触发 onclick="show(this.id)"> 后<a href='#' id="id1" onclick="show(this.id)"><img src="images/up.gif"></a>function show(id) {
  d = document.getElementById("div1"+id);
  if(d.style.display == "none"){
      //down.gif  这里怎么写代码把<img src="images/up.gif">里的图片换成另一张图片
  }
  else{
      //up.gif
  }
}

解决方案 »

  1.   


    function show(id) {
      d = document.getElementById("div1"+id);
      if(d.style.display == "none"){
    document.getElementById('id1').innerHTML='<img src="images/down.gif">'
      //down.gif 这里怎么写代码把<img src="images/up.gif">里的图片换成另一张图片
      }
      else{
    document.getElementById('id1').innerHTML='<img src="images/up.gif">'
      //up.gif
      }
    }
      

  2.   

    这个不行啊，没反映，另外下面这样写也没反映：
    <a href='javascript:void();' id="<%# Eval("ID") %>" onclick="show(this.id)"><img src="images/+.gif" alt="" /></a>
    function show(id) {
                d = document.getElementById("div1"+id);
                if (d.style.display == "none") {
                    d.style.display = "block";
                    d.innerHTML = '';//我想测试简单点，弄个什么都没有，可是也没反映，图片还是原来图片
                }
                else {
                    d.style.display = "none";
                    d.innerHTML = '';
                }          
            }
      

  3.   

    <a href='#' id="id1" onclick="show(this.id)"><img src="images/up.gif"></a>function show(id) {
      d = document.getElementById("div1"+id);
      if(d.style.display == "none"){
        this.childNodes[0].src = "images/down.gif";
      }
      else{
        this.childNodes[0].src = "images/up.gif";
      }
    }
      

  4.   

    d = document.getElementById("div1"+id);干嘛是"div1" + id , 这样还能找到你的<a href='#' id="id1" onclick="show(this.id)"><img src="images/up.gif"></a> 中的id "id1" 吗？"div1" + id, 永远不等于 "id1"，改成
    d = document.getElementById(id);
      

  5.   


    一直以为d = document.getElementById("div1"+id);
    是另一个做为值判断的参照对像，因为LZ有一句：if(d.style.display == "none"){
    如果不是另一个参照对像，这种直接绑定的click事件，怎么可能还会需要判断到触发对象是否被隐藏
      

  6.   

    <a href='#' id="up" onclick="show(this)"><img src="images/up.gif"></a>function show(obj) {
    var img = obj.childNodes[0];
    // up
    if (obj.id == img.src.substring(img.src.lastIndexOf('/')+1, img.src.indexOf('.'))) {
    img.src = img.src.replace('up', 'down');
    // down
    } else {
    img.src = img.src.replace('down', 'up');
    }
    }
      

  7.   


    楼上的是可以，但是我本意被改了呀，id="id1" onclick="show(this.id)">  这些都是不能改的
      

  8.   

    <a href='javascript:void();' id="<%# Eval("ID") %>" onclick="show(this.id)"><img src="images/+.gif" alt="" /></a>你是这样没有了，是的话不需要加前缀了。
    function show(id) {
     d = document.getElementById(id);//////////////
     if(d.style.display == "none"){ document.getElementById('id1').innerHTML='<img src="images/down.gif">' 
    } 
    else{ document.getElementById('id1').innerHTML='<img src="images/up.gif">' 
    }
     }
      

  9.   


    如果传id的话再用ID取以下就好了。
    <body><a href='#' id="id1" onclick="show(this.id)"><img src="image/up.gif"></a><script type="text/javascript">
    function show(id) {
    var obj = document.getElementById(id);
    var img = obj.childNodes[0];
    // up
    if ('up' == img.src.substring(img.src.lastIndexOf('/')+1, img.src.indexOf('.'))) {
    img.src = img.src.replace('up', 'down');
    // down
    } else {
    img.src = img.src.replace('down', 'up');
    }
    }
    </script>
    </body>
      

  10.   

    <html>
    <script type="text/javascript">
    function show(obj) {
    var img = obj.childNodes[0];
    // up
    if (obj.id == img.src.substring(img.src.lastIndexOf('/')+1, img.src.indexOf('.'))) {
    img.src = img.src.replace('up', 'down');
    // down
    } else {
    img.src = img.src.replace('down', 'up');
    }
    }function show3(id) {
      d = document.getElementById(id);
      if(d.innerHTML.indexOf("down")>=0){
        d.innerHTML='<IMG src="images/up.png" border=0>'
      }
      else{
        d.innerHTML='<IMG src="images/down.png" border=0>'
      }
    }
    </script>
    <body>
    <a href='#' id="up" onclick="show(this)"><img src="images/up.png" border=0></a>
    <br/>
    <a href='#' id="id2" onclick="show3(this.id)"><IMG src="images/up.png" border=0></a>
    </body>
    </html>