Question

简单地说，我一直得到一个未捕获的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>

Answer 1

您的脚本位于页面的<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>标记之前，而不是页面的head部分。

简单的javascript函数未定义错误

1 个答案: