我试图有一个显示帮助消息的帮助按钮,如果再次单击它,该帮助消息就会消失(我将不透明度更改为0)。我想打开和关闭它。我尝试了一条if语句,该按钮完全停止工作。这是我的JavaScript:
function messageToggle() {
if (document.getElementById("helpMessage").style.opacity = "1.0") {
document.getElementById("helpMessage").style.opacity = "0";
} else {
document.getElementById("helpMessage").style.opacity = "1.0";
}
}
这是我的HTML:
<button onclick="messageToggle()">Help</button>
<p id="helpMessage">Help Message Goes Here</p>
关于如何进行这项工作有什么建议吗?
最佳答案
使用==代替=和1代替1.0
已更正:
document.getElementById("helpMessage").style.opacity = "1.0";
function messageToggle(){
var op = document.getElementById("helpMessage").style.opacity;
console.log(op);
if(document.getElementById("helpMessage").style.opacity == "1"){
document.getElementById("helpMessage").style.opacity = "0";
console.log("0");
}else{
document.getElementById("helpMessage").style.opacity = "1";
console.log("Else");
}
}
<button onclick="messageToggle()">Help</button>
<p id="helpMessage">Help Message Goes Here</p>