按下按钮时，我使用以下代码制作图像：
<html>
<head>
<title>Image Display Test</title>
<script type="text/javascript">
<!--
function showImage(){
document.getElementById('loadingImage').style.visibility="visible";
}
-->
</script>
</head>
<body>
<input type="button" value="Show Button" onclick="showImage();"/>
<img id="loadingImage" src="pickups1.png" style="visibility:hidden"/>
</body>
</html>
到目前为止，它仍然有效，但是图像仍保留在屏幕上，是否有办法再次单击该图像而消失呢？
您可以检查图像是否可见，然后相应地隐藏/显示它：
var elem = document.getElementById('loadingImage');
if (elem.style.visibility === 'visible') {
elem.style.visibility = 'hidden';
} else {
elem.style.visibility = 'visible';
}
或使用快捷方式（ternay运算符）：
var elem = document.getElementById('loadingImage');
elem.style.visibility = elem.style.visibility === 'visible' ? 'hidden' : 'visible';
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句