用于显示和隐藏html div的javaScript函数'；行不通_Javascript_Html_Function

用于显示和隐藏html div的javaScript函数'；行不通

javascript html function

用于显示和隐藏html div的javaScript函数'；行不通,javascript,html,function,Javascript,Html,Function,我承认我已经20年没有使用javaScript或html了，我已经忘记了很多。这个html页面有什么问题？它显示一个按钮和两个div块。第一次单击时，两个div都应该消失。下一次单击时应显示第一个div。两个div都应出现在第三次单击时。随后的单击应重复该循环。当我点击按钮时，什么也没有发生函数myFunction（名称div，值div）{ var nD=document.getElementById（namesDiv）； var vD=document.getElementById（val

我承认我已经20年没有使用javaScript或html了，我已经忘记了很多。这个html页面有什么问题？它显示一个按钮和两个div块。第一次单击时，两个div都应该消失。下一次单击时应显示第一个div。两个div都应出现在第三次单击时。随后的单击应重复该循环。当我点击按钮时，什么也没有发生

函数myFunction（名称div，值div）{
var nD=document.getElementById（namesDiv）；
var vD=document.getElementById（valuesDiv）；
如果（vD.style.display==“无”）{
vD.style.display==“块”；
nD.style.display==“无”；
}否则如果（nD.style.display==“无”）{
nD.style.display==“块”；
}否则{
nD.style.display==“无”；
vD.style.display==“无”；
}
}


报告大纲
图片在这里
评论就在这里

公牛Pucky1
公牛冰球2

因为=
在javascript中不是有效的运算符
你的功能应该是
function myFunction(namesDiv, valuesDiv) {

  var nD = document.getElementById(namesDiv);
  var vD = document.getElementById(valuesDiv);
  if (vD.style.display == "none") {
    vD.style.display = "block";
    nD.style.display = "none";
  } else if (nD.style.display == "none") {
    nD.style.display = "block";
  } else {
    nD.style.display = "none";
    vD.style.display = "none";
  }
 }

这应该是你的html
<button onclick="myFunction('divID0.955919','divID0.956012')"> Report Outline</button>
<div id="divID0.956012">
    <p>Image goes here</p>
    <p>Comment goes here</p>
</div>
<div id="divID0.955919">
    <ul>
        <li>Bull Pucky1 </li>
        <li>Bull Pucky2 </li>
    </ul>
</div>

报告大纲
图片在这里
评论就在这里

公牛Pucky1
公牛冰球2


查看详细信息，因为=
在javascript中不是有效的运算符
你的功能应该是
function myFunction(namesDiv, valuesDiv) {

  var nD = document.getElementById(namesDiv);
  var vD = document.getElementById(valuesDiv);
  if (vD.style.display == "none") {
    vD.style.display = "block";
    nD.style.display = "none";
  } else if (nD.style.display == "none") {
    nD.style.display = "block";
  } else {
    nD.style.display = "none";
    vD.style.display = "none";
  }
 }

这应该是你的html
<button onclick="myFunction('divID0.955919','divID0.956012')"> Report Outline</button>
<div id="divID0.956012">
    <p>Image goes here</p>
    <p>Comment goes here</p>
</div>
<div id="divID0.955919">
    <ul>
        <li>Bull Pucky1 </li>
        <li>Bull Pucky2 </li>
    </ul>
</div>

报告大纲
图片在这里
评论就在这里

公牛Pucky1
公牛冰球2


有关详细信息，请查看下面的正确脚本
<!DOCTYPE html>
<html>
<head> <title>Page Title</title> </head>
<body> <script>

        function myFunction(namesDiv,valuesDiv)
        {
            var nD = document.getElementById(namesDiv);
            var vD = document.getElementById(valuesDiv);
            if (vD.style.display === "none")
            {
                vD.style.display = "block";
                nD.style.display = "none";
            }
            else if (nD.style.display === "none")
            {
                nD.style.display = "block";
            }
            else
            {
                nD.style.display = "none";
                vD.style.display = "none";
            }
        }
    </script>
    <button onclick="myFunction('divID0.955919','divID0.956012')"> Report Outline</button>
    <div id="divID0.956012">
        <p>Image goes here</p>
        <p>Comment goes here</p>
    </div>
    <div id="divID0.955919">
        <ul>
            <li>Bull Pucky1 </li>
            <li>Bull Pucky2 </li>
        </ul>
    </div>
</body>`enter code here`
</html>


页面标题
函数myFunction（名称div、值div）
{
var nD=document.getElementById（namesDiv）；
var vD=document.getElementById（valuesDiv）；
如果（vD.style.display==“无”）
{
vD.style.display=“块”；
nD.style.display=“无”；
}
else if（nD.style.display==“无”）
{
nD.style.display=“块”；
}
其他的
{
nD.style.display=“无”；
vD.style.display=“无”；
}
}
报告大纲
图片在这里
评论就在这里

公牛Pucky1
公牛冰球2

`在这里输入代码`
请在下面找到正确的脚本
<!DOCTYPE html>
<html>
<head> <title>Page Title</title> </head>
<body> <script>

        function myFunction(namesDiv,valuesDiv)
        {
            var nD = document.getElementById(namesDiv);
            var vD = document.getElementById(valuesDiv);
            if (vD.style.display === "none")
            {
                vD.style.display = "block";
                nD.style.display = "none";
            }
            else if (nD.style.display === "none")
            {
                nD.style.display = "block";
            }
            else
            {
                nD.style.display = "none";
                vD.style.display = "none";
            }
        }
    </script>
    <button onclick="myFunction('divID0.955919','divID0.956012')"> Report Outline</button>
    <div id="divID0.956012">
        <p>Image goes here</p>
        <p>Comment goes here</p>
    </div>
    <div id="divID0.955919">
        <ul>
            <li>Bull Pucky1 </li>
            <li>Bull Pucky2 </li>
        </ul>
    </div>
</body>`enter code here`
</html>


页面标题
函数myFunction（名称div、值div）
{
var nD=document.getElementById（namesDiv）；
var vD=document.getElementById（valuesDiv）；
如果（vD.style.display==“无”）
{
vD.style.display=“块”；
nD.style.display=“无”；
}
else if（nD.style.display==“无”）
{
nD.style.display=“块”；
}
其他的
{
nD.style.display=“无”；
vD.style.display=“无”；
}
}
报告大纲
图片在这里
评论就在这里

公牛Pucky1
公牛冰球2

`在这里输入代码`

在JavaScript中，==
不是有效的运算符
对于比较，您必须使用==
（用于值和类型检查）或=
（仅用于值检查），对于赋值，您必须使用=

您在中也有一些语法错误
<button onclick="myFunction(\"divID0.955919\",\"divID0.956012\")"> Report Outline</button>


页面标题
报告大纲
图片在这里
评论就在这里

公牛Pucky1
公牛冰球2


在JavaScript中，==

不是有效的运算符

对于比较，您必须使用

==

（用于值和类型检查）或

（仅用于值检查），对于赋值，您必须使用

您在中也有一些语法错误

<button onclick="myFunction(\"divID0.955919\",\"divID0.956012\")"> Report Outline</button>


页面标题
报告大纲
图片在这里
评论就在这里

公牛Pucky1
公牛冰球2

==

不是有效的JavaScript运算符。使用

==

或

进行比较，使用

分配“我忘记了很多”也会将元素的stle设置为错误。我加了一个工作答案。请检查。@MrMaavin是赋值运算符出错，而不是使用

样式。显示另一个调试提示。。。打开浏览器的JavaScript控制台，以便查看错误==
不是有效的JavaScript运算符。使用==
或=
进行比较，使用=
分配“我忘记了很多”也会将元素的stle设置为错误。我加了一个工作答案。请检查。@MrMaavin是赋值运算符出错，而不是使用样式。显示另一个调试提示。。。打开浏览器的JavaScript控制台，以便查看错误提示，欢迎使用StackOverflow。请给你的答案添加一些解释。嗨，欢迎来到StackOverflow。请给你的答案加上一些解释。