简单的javascript函数未定义错误

Simple javascript function undefined error

本文关键字：未定义 错误 函数 javascript 简单      更新时间：2023-09-26

简单地说，我一直得到一个Uncaught ReferenceError，说明openSideBar没有定义。我不明白为什么。

<head>
 <script>
   document.getElementById('openSideBarButton').addEventListener ("click", openSideBar);
   function openSideBar() {
      document.getElementById('sideBar').style.width "100%";
   }
   function closeSideBar() {
      document.getElementById('sideBar').style.width "0%";
   }
  </script>
</head>

您的脚本位于页面的<head>部分，并试图进入document.getElementById('openSideBarButton')，但该元素在页面的早期不存在

将脚本移动到按钮后面的页面某处，以便在脚本运行之前按钮存在。

旁注:你的每个函数中都缺少等号。

工作版本:

 <script>
   document.getElementById('openSideBarButton').addEventListener ("click", openSideBar);
   function openSideBar() {
      document.getElementById('sideBar').style.width = "100%";
   }
   function closeSideBar() {
      document.getElementById('sideBar').style.width = "0%";
   }
  </script>
</body>

请注意，它是在结束</body>标记之前，而不是在页面的头部部分。

相关文章：