请不要评判我。我对 HTML/jS/css 还很陌生。
一直在尝试弄清楚如何为基于变量的用作按钮的图像添加显示/隐藏功能。但似乎没有人对我的问题有任何正确的答案。
<img src="myIMG" id="HideShowButt" onclick="gainResource2()"></img>
var resource1 = 0;
基本上,我想做的就是这样;
function HideShowButt() {
if(resource1 >= 0.1){
document.getElementById("HideShowButt").style.visibility= "visible";
}
else{ document.getElementById("HideShowButt").style.visibility= "hidden";
}
}
图像是一个具有透明背景的可点击对象,它位于另一个图像之上。重点是,在用户获得 Resource1 上的特定值之前,我不想显示此图像。
是否有任何解决方案,我是否遗漏了一些明显的东西,或者这是绝对错误的做法? 请记住,我试图将其保留在简单的 jS/html/css 中。 提前致谢!
最佳答案
CSS 中的样式是通过显示标签完成的:
document.getElementById("HideShowButt").style.display = "none";
回复
document.getElementById("HideShowButt").style.display = "block"
关于javascript - 根据变量显示/隐藏图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51680264/