Javascript 用于';帮助';按钮
我正在尝试使用一个显示帮助消息的帮助按钮,如果您再次点击它,帮助消息将消失(我将不透明度更改为0)。我想让它开关。我尝试了if语句,按钮完全停止工作。以下是我的javascript:Javascript 用于';帮助';按钮,javascript,html,css,Javascript,Html,Css,我正在尝试使用一个显示帮助消息的帮助按钮,如果您再次点击它,帮助消息将消失(我将不透明度更改为0)。我想让它开关。我尝试了if语句,按钮完全停止工作。以下是我的javascript: function messageToggle() { if (document.getElementById("helpMessage").style.opacity = "1.0") { document.getElementById("helpMessage").style.opacit
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>
帮助
帮助信息显示在此处
关于如何进行此操作有何建议?在编写以下条件时,应使用比较运算符(
=
或==
)
if (document.getElementById("helpMessage").style.opacity == 1) {
...
}
程序中的代码在语法上是正确的,但执行赋值(而不是比较)将始终导致“true”分支。因此,帮助消息将完全消失。如果要打开和关闭它,请参阅下面的代码
函数messageToggle(){
$(“#帮助消息”)。切换(“慢速”,函数(){
//动画完成
});
}
帮助
帮助信息显示在此处
使用==代替=和1代替1.0更正:
document.getElementById(“helpMessage”).style.opacity=“1.0”;
函数messageToggle(){
var op=document.getElementById(“helpMessage”).style.opacity;
控制台日志(op);
if(document.getElementById(“helpMessage”).style.opacity==“1”){
document.getElementById(“helpMessage”).style.opacity=“0”;
控制台日志(“0”);
}否则{
document.getElementById(“helpMessage”).style.opacity=“1”;
控制台日志(“其他”);
}
}
帮助
帮助信息显示在此处
我尝试过,但按钮仍然不起作用。我插入了一个警报,以确保该函数正在执行,并且它是正确的。似乎if语句都被避免了。您需要使用'1'
或更好的1
来代替'1.0'