Javascript 未捕获类型错误：无法读取属性'；类列表'；切换html元素时返回null 第一类第一类第一类第一类函数toggleSideBar（）{ 控制台日志（“内部切换区”）； document.getElementById（“侧栏”）.classList.toggle（“活动”）； }_Javascript_Html

Javascript 未捕获类型错误：无法读取属性'；类列表'；切换html元素时返回null 第一类第一类第一类第一类函数toggleSideBar（）{ 控制台日志（“内部切换区”）； document.getElementById（“侧栏”）.classList.toggle（“活动”）； }

javascript html

Javascript 未捕获类型错误：无法读取属性'；类列表'；切换html元素时返回null 第一类第一类第一类第一类函数toggleSideBar（）{ 控制台日志（“内部切换区”）； document.getElementById（“侧栏”）.classList.toggle（“活动”）； },javascript,html,Javascript,Html,无法运行此代码。在HtmlButtoneElement.onclick的toggleSideBar上获取了javascript错误“Uncaught TypeError:无法读取null属性'classList'>” 替换getElementById中侧栏的侧栏。您没有id为侧栏的元素这个id是侧栏，你正在用一个camelcased的id选择侧栏试试文档。getElementById（“侧栏”）据说文档。getElementById（“侧栏”）是空的如果你正在加载jQuery，为什么不使用它

无法运行此代码。在HtmlButtoneElement.onclick的toggleSideBar上获取了javascript错误“Uncaught TypeError:无法读取null属性'classList'>”

替换

getElementById

中

侧栏的侧栏
。您没有id为侧栏的元素
 这个id是侧栏
，你正在用一个camelcased的id选择侧栏
试试文档。getElementById（“侧栏”）
据说文档。getElementById（“侧栏”）是空的如果你正在加载jQuery，为什么不使用它呢？getElementById是区分大小写的，看看你的id
<body>
   <button class="openNav" onclick="toggleSideBar()"><i class="fas fa-bars"></i> 
  </button>
   <nav>
      <a href="#">Home</a>
      <a href="#">About</a>
      <a href="#">The Team</a>
      <a href="#">Contact</a>
   </nav>
   <div id="sidebar">
    <ul>
    <li>cat1</li>
    <li>cat1</li>
    <li>cat1</li>
    <li>cat1</li>
    </ul>
   </div>

   </body>
    <script src="resources/javascript/main.js"></script>
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"> 
   </script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"> 
   </script>

   <script>
     function toggleSideBar(){
      console.log("inside toggleland");
      document.getElementById("sideBar").classList.toggle('active');
     }
   </script>