Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于';帮助';按钮_Javascript_Html_Css - Fatal编程技术网

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

我正在尝试使用一个显示帮助消息的帮助按钮,如果您再次点击它,帮助消息将消失(我将不透明度更改为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>
帮助

帮助信息显示在此处


关于如何进行此操作有何建议?

在编写以下条件时,应使用比较运算符(
=
==

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'