javascript - 显示和隐藏图像js

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

这是我当前的代码，仅打开隐藏的.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"/>

谢谢！

最佳答案

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

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>

关于javascript - 显示和隐藏图像js，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44485247/