onclick 功能在 IE 中不起作用，但在其他浏览器上工作正常

Question

我需要在单击图像时打开一个 div，因此为此我简单地为图像标记中的函数创建了一个onclick事件。 当我单击图像时，它显示'the function is undefined' 。 相同的代码在其他浏览器上工作正常，但在 IE 上不工作。 我真的需要这方面的帮助。 参考此处提出的类似问题尝试了多种方法，但似乎没有任何效果。 任何帮助，将不胜感激。

下面是我试过的代码

HTML

<div class="chat-bubble" id="chat-bubble">
   <div id="chat-header">
      <img src="images/Chatbot-icon.png" id="chat-icon" /><span> YODA </span
      ><img
         src="images/close.png"
         id="close-icon"
         onclick="closeFunction()"
      />
   </div>
   <div id="webchat" role="main" class="webchat"></div>
   <div id="botchat" role="main" class="webchat"></div>
   <img
      src="images/Chatbot-icon.png"
      id="chatBubble"
      onClick="javascript: myFunction();"
   /><img
      src="images/Chatbot-icon.png"
      id="Bubble"
      onmousedown="myChat();"
   />
</div>

Javascript

function myChat() {
   var a = document.getElementById("botchat");

   var b = document.getElementById("chat-header");

   var c = document.getElementById("body");
   document.getElementById("Bubble").style.display = "none";
   if (a.style.display == "block") {
      a.style.display = "none";
   } else {
      a.style.display = "block";
   }
   if (b.style.display == "block") {
      b.style.display = "none";
   } else {
      b.style.display = "block";
   }
   c.style.height = "100vh";
   c.style.overflowY = "hidden";
}

Answer 1

格式化代码后，我发现您在代码中遗漏了 myFunction() 和 closeFunction()。

粘贴这些函数的代码。

 function myChat() { var a = document.getElementById("botchat"); var b = document.getElementById("chat-header"); var c = document.getElementById("body"); document.getElementById("Bubble").style.display = "none"; if (a.style.display == "block") { a.style.display = "none"; } else { a.style.display = "block"; } if (b.style.display == "block") { b.style.display = "none"; } else { b.style.display = "block"; } c.style.height = "100vh"; c.style.overflowY = "hidden"; }

 <div class="chat-bubble" id="chat-bubble"> <div id="chat-header"> <img src="images/Chatbot-icon.png" id="chat-icon"> <span> YODA </ span> <img src="images/close.png" id="close-icon" onClick="closeFunction();"> </div> <div id="webchat" role="main" class="webchat"></div> <div id="botchat" role="main" class="webchat"></div> <img src="images/Chatbot-icon.png" id="chatBubble" onClick="myFunction();"> <img src="images/Chatbot-icon.png" id="Bubble" onmousedown="myChat();"> </div>