在javascript里写代码，在点击时显示一个图片，再点击时图片消失，请问高手怎么实现？

<img src="test.jpg" id=test style='visibility:hidden'>
<input type=button value=test onclick="test.style.visibility=test.style.visibility==''?'hidden':''">

解决方案 »

  1.   

    不用visibility的话可以用
    test.style.display="none";//隐藏
    test.style.display="block";//显示
      

  2.   

    <img src="sample.jpg" id=img1 style="display:none">
    <input type=button value="show/hide" onclick="img1.style.display=(img1.style.dispay=='none')?'','none';">
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <script>
    function e()
    {
    var img=document.all('img1');
    var a=event.srcElement
    if(img.style.display=='none')
    {
    img.style.display='block';
    a.innerHTML='隐藏图片';
    }
    else
    {
    img.style.display='none';
    a.innerHTML='显示图片';
    }
    }
    </script>
    </head><body>
    <a href="#" onclick="e()">显示图片</a><img src="img.jpg" name="img1" width="120" height="25" id="img1" style="display:none"> 
    </body>
    </html>
      

  4.   

    [object].style.display = "none";不显示[object].style.display = "";显示