如何根据变量显示/隐藏图像?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (42)

我一直试图找出如何添加一个显示/隐藏功能的图像,作为一个按钮的基础上的变量。

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

该图像是一个具有透明背景的可点击对象,该对象位于另一图像之上。关键是,在用户获得了Resource 1的某个值之前,我不想显示这个图像。

有什么办法解决这个问题吗?我试图将其保存在简单的JS/html/CSS中。谢谢!

提问于
用户回答回答于

CSS中的样式使用显示标记完成:

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

RESP.

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

扫码关注云+社区

领取腾讯云代金券