我试图有一个显示帮助消息的帮助按钮,如果再次单击它,该帮助消息就会消失(我将不透明度更改为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>

10-02 19:31