javascript - 在 html 中用 1 个按钮隐藏/显示多个对象

Question

我正在为我的网站构建一个聊天机器人小部件 问题是与我们聊天按钮只显示机器人而不显示关闭按钮

这是我试过的

                <input id="chat" type="button" onclick="Show();" value="Chat with us" />
                    <script type="text/javascript">
                            function Show()
                            {document.getElementById("bot").style.display="block";}
                            {document.getElementById("close").style.display="block";}
                            {document.getElementById("chat").style.display="none";}

                    </script>

它应该同时显示机器人和关闭

Answer 1

您将在第一行之后关闭函数(只有 bot 会隐藏)。删除其他括号:

function Show() {
  document.getElementById("bot").style.display = "block";
  document.getElementById("close").style.display = "block";
  document.getElementById("chat").style.display = "none";
}