使img在html5中出现/消失

Question

我使用了此链接中的按钮： 在 HTML 中定位图像（使用按钮创建图像） ...但是我想知道如果已经使用按钮放置了图像，如何使图像消失。希望这可以使用相同的按钮。有什么想法吗？

Answer 1

提供图片并

id="myImage"

然后

if(myImage.style["visibility"]=="visible"){
myImage.style["visibility"]="hidden";
else
{
myImage.style["visibility"]="visible";
}

Answer 2

您可以通过将图像的“显示”属性设置为“无”（隐藏）或“初始”（可见）来隐藏图像。让您的按钮触发一个交换图像状态的函数，如下所示（Javascript）：

var img = document.getElementById('yourImageID');

function toggleImg(){
if ( img.style.display == 'none' ){ img.style.display = 'initial'; }
else { img.style.display = 'none'; }
}

“可见性”属性将保持图像的空间空闲，并将其留空，而“显示”则不会保留空间。

Answer 3

 <button onclick="document.getElementById('pic').style.display = 'block'" ondblclick="document.getElementById('pic').style.display = 'none'">Click</button>

此代码允许您在单击按钮时显示使用 id = pic 保存的图像 并双击消失。然而设置很重要

#pic { display: none; }

在样式标签之间