Javascript 无法向第二条警报消息发出警报

我正在编写一个HTML代码，其中有一个按钮，单击该按钮后，JS将显示两个警报，这是我的代码

HTML:

<button id="chat" class="animated-chat tada" onclick="loadChatbox()" style="position: absolute; bottom: 90px; right: 490px;width: 80px; height: 30px; font-size:25px">Chat</button>
<div class="chatHeader">
  <span class="chat-text" style="text-align: center;">Chat with Care!!</span>
  <div id="close-chat" class="close">&times;</div>
  <div id="minim-chat" onclick="minimChatbox()">
    <span class="minim-button">&minus;</span>
  </div>
  <div id="maxi-chat" onclick="loadChatbox()">
    <span class="maxi-button">&plus;</span>
  </div>
</div>

function loadChatbox() {
  alert("Hi");
  alertAgain();
}

function alertAgain() {
  var e = document.getElementById("minim-chat");
  e.style.display = "block";
  var e = document.getElementById("maxi-chat");
  e.style.display = "none";
  var e = document.getElementById("chatbox");
  e.style.margin = "0";
  alert("2nd alert");
}

在这里，当我点击

Chat

按钮时，

alert（“Hi”）正在收到警报。但是当我评论下面的部分时

  var e = document.getElementById("minim-chat");
  e.style.display = "block";
  var e = document.getElementById("maxi-chat");
  e.style.display = "none";
  var e = document.getElementById("chatbox");
  e.style.margin = "0"; 

我甚至可以看到
警报（“2d警报”）
。这真令人困惑。请让我知道我哪里出了问题，以及如何解决这个问题

这是工作小提琴

谢谢

我甚至可以看到警报（“2d警报”）。这真令人困惑。租赁
让我知道我哪里出了问题，以及如何解决这个问题

根据您共享的源代码，您没有id为的元素
chatbox

因此，
document.getElementById（“chatbox”）
返回
null
，执行下一行时，浏览器控制台中会出现错误

e.style.margin = "0"; 

由于
e
为空，JS引擎将给出一个错误，下一条语句（
alert
）将不会执行

看起来您想隐藏
聊天标题
（已更新）

我甚至可以看到警报（“2d警报”）。这真令人困惑。租赁
让我知道我哪里出了问题，以及如何解决这个问题

根据您共享的源代码，您没有id为的元素
chatbox

因此，
document.getElementById（“chatbox”）
返回
null
，执行下一行时，浏览器控制台中会出现错误

e.style.margin = "0"; 

由于
e
为空，JS引擎将给出一个错误，下一条语句（
alert
）将不会执行

看起来您想隐藏
聊天标题
（已更新）

这导致了错误

var e = document.getElementById("chatbox");
 e.style.margin = "0";

在您的HTML中，您没有任何带有“chatbox”id的标记。因此，当它尝试执行getting时，请选中控制台上的“无法读取null的属性'style'

因此，请尝试添加或删除“聊天盒”id。
这会导致错误

var e = document.getElementById("chatbox");
 e.style.margin = "0";

在您的HTML中，您没有任何带有“chatbox”id的标记。因此，当它尝试执行getting时，请选中控制台上的“无法读取null的属性'style'

因此，请尝试添加或删除“chatbox”id。
您的HTML代码没有名为chatbox的id。因此，将其替换为idchat

var e = document.getElementById("chatbox");

变成

var e = document.getElementById("chat");

请参阅下面的URL：-

您的HTML代码没有名为聊天框的id。因此，将其替换为idchat

var e = document.getElementById("chatbox");

变成

var e = document.getElementById("chat");

请参阅下面的URL：-

第二个警报不起作用，因为您的javascript代码在以下位置中断：

var e = document.getElementById("chatbox");

在您的中，如果您检查控制台，您将发现


这是因为文档在代码中找不到
chatbox
id。所以要么去掉这条线

var e = document.getElementById("chatbox");

或者只需在html中放置一个元素，该元素具有
chatbox
id
第二个警报不起作用，因为您的javascript代码在以下位置中断：

var e = document.getElementById("chatbox");

在您的中，如果您检查控制台，您将发现


这是因为文档在代码中找不到
chatbox
id。所以要么去掉这条线

var e = document.getElementById("chatbox");

或者只需在html中添加一个元素，其中包含
聊天框
id
@BhuwanBhatt，对不起，我的错。谢谢你的邀请poke@BhuwanBhatt对不起，我的错。谢谢你的戳