我使用了此链接中的按钮: 在 HTML 中定位图像(使用按钮创建图像) ...但是我想知道如果已经使用按钮放置了图像,如何使图像消失。希望这可以使用相同的按钮。有什么想法吗?
提供图片并
id="myImage"
然后
if(myImage.style["visibility"]=="visible"){
myImage.style["visibility"]="hidden";
else
{
myImage.style["visibility"]="visible";
}
您可以通过将图像的“显示”属性设置为“无”(隐藏)或“初始”(可见)来隐藏图像。让您的按钮触发一个交换图像状态的函数,如下所示(Javascript):
var img = document.getElementById('yourImageID');
function toggleImg(){
if ( img.style.display == 'none' ){ img.style.display = 'initial'; }
else { img.style.display = 'none'; }
}
“可见性”属性将保持图像的空间空闲,并将其留空,而“显示”则不会保留空间。
<button onclick="document.getElementById('pic').style.display = 'block'" ondblclick="document.getElementById('pic').style.display = 'none'">Click</button>
此代码允许您在单击按钮时显示使用 id = pic 保存的图像 并双击消失。然而设置很重要
#pic { display: none; }
在样式标签之间