javascript不会改变我所改变的东西

所以我有2个按钮，按钮打开边栏和按钮提交或更改页面。我犯了一个错误，将两个按钮ID都命名为buton，并将打开的侧栏更改为buttonMenu

所以我有一个像这样的openNav函数

.js

button.php

// Button to open sidebar

<button class="btn btn-label openbtn float-left" id="buttonMenu" onclick="openNav()"><span class="fas fa-bars"></span></button>

// Button to change pages

<button class="btn btn-primary float-right" name="simpan" type="submit" style="margin-bottom:50px;" id="buton">Save</button>

如何在头文件中导入.js文件

<script type = 'text/javascript' src = "<?php echo base_url();?>js/sidebar.js"></script>

另一个是closeNav，它使按钮可见

但是在我将id从functions更改为buttonMenu之后，代码就不起作用了，但是它可以使用旧的id buton。然后我将这些代码放在一个单独的.js文件中，而不是at，但如果我将这些代码放在其中，它就会工作。这里发生了什么？

您使用内联onclick还是eventlistener

也许你忘了申报新身份证

函数openNav{ document.getElementByIdmySidebar.style.width=250px； document.getElementByIdmain.style.marginLeft=250px； document.getElementByIdbuttonMenu.style.visibility=隐藏； } 关闭导航功能{ document.getElementByIdmySidebar.style.width=0px； document.getElementByIdmain.style.marginLeft=0px； document.getElementByIdbuttonMenu.style.visibility=可见； } xxx 主要的 开放导航

---

closeNavPlease创建一个也可以查看并检入浏览器的调试器，确保浏览器看到的.js文件确实包含您认为它包含的代码。欢迎使用堆栈溢出。看，一定要展示你的尝试和研究成果。你为什么要换身份证？你还需要包括一个HTML的例子。好的，我已经添加了一些代码，希望它能帮上忙。是的，我曾经单击我已经更改了id，但仍然没有工作，我想我应该使用ii。不知怎的，我认为问题出在如何导入.js文件。PHP如何回显js源代码？

  /* Edited button style */
  #buton{
      background-color: #bdbdbd;
      color: white;
      border : none;
      border-style:solid;
  }

  /* Edited Button Atribut */
  #buton:hover{
      background-color: white;
      color: #bdbdbd;
      border: none;
      border-style:solid;
  }

  /* Edited Menu Button Style */
  #buttonMenu{
      background-color: #bdbdbd;
      color: white;
      border : none;
      border-style:solid;
  }

  /* Edited Menu Button Atribut */
  #buttonMenu:hover{
      background-color: white;
      color: #bdbdbd;
      border: none;
      border-style:solid;
  }

<script type = 'text/javascript' src = "<?php echo base_url();?>js/sidebar.js"></script>