时间戳

首页 > 解决方案 > 根据变量显示/隐藏图像

javascript - 根据变量显示/隐藏图像

问题描述

请不要评判我。我对 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 中。提前致谢 ！

标签： javascriptcssimagevariablesvisibility

解决方案

CSS 中的样式是通过 display 标签完成的：

document.getElementById("HideShowButt").style.display = "none";

分别

document.getElementById("HideShowButt").style.display = "block"

推荐阅读