Question

我想要打开和关闭可见性。因此，第二次单击该按钮应该再次隐藏图像。我该怎么做？

这是我当前的代码，只能切换隐藏的.png。

<div>
<script type="text/javascript">
    function showImage(){
        document.getElementById('loadingImage').style.visibility='visible';
    }
</script>

<input id="text" type="button" value="Explosion Button" onclick="showImage();"/>
<img id="loadingImage" src="explosions.png" style="visibility:hidden"/>

谢谢！

Answer 1

你可以通过多种方式做到这一点。基本样本。如果是，则检查元素是否可见，否则hide隐藏元素

function showImage(){
        document.getElementById('loadingImage').style.visibility=    document.getElementById('loadingImage').style.visibility == 'visible'? 'hidden' : 'visible';
    }

<div>  
  <input id="text" type="button" value="Explosion Button" onclick="showImage();"/>
  <img id="loadingImage" src="explosions.png" style="visibility:hidden"/>
</div>

显示和隐藏图像js

1 个答案: