画像の表示と非表示

Question

視認性のオンとオフを切り替えたいと思います。ボタンを2回クリックすると画像が再び非表示になります。これはどうすればいいですか？

これは非表示の.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

これはさまざまな方法で行うことができます。 基本的なサンプル.Check他の非表示は、あなたが真剣に非常に難しい検索しましたができない要素

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>