根据变量显示/隐藏图像
根据变量显示/隐藏图像
提问于 2018-08-04 05:27:04
请不要评判我。我对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中。提前感谢！
回答 1
Stack Overflow用户
发布于 2018-08-04 05:30:07
CSS中的样式是通过display标记完成的：
document.getElementById("HideShowButt").style.display = "none";响应。
document.getElementById("HideShowButt").style.display = "block"页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51680264
复制相关文章
相似问题