Question

我在此链接中使用了一个按钮： Positioning Images in HTML (Using a button creating images) ...但我想知道如果已经使用按钮放置了图像，该图像是如何消失的。希望这可以使用相同的按钮。有什么想法吗？

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'; }
}

属性“可见性”将保持图像的空间自由并且只是空白，“显示”不会保留空间。

使图像在html5中显示/消失

2 个答案: