css导航栏上的Javascript切换

嘿！我想使用这个简单的代码，但它不起作用。下面还有两个JS脚本，它们会相互干扰吗？先谢谢你

<nav id="mySidenav" class="sidenav">
    <!--<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>-->

    <ul>
        <li><a class="active" href="#"> <span title="Home">Home</span>  </a> </li>
        <li><a href="#Curriculum"> <span title="About">CV</span> </a> </li>
        <li><a href="#Competenze"> <span title="Competenze">Competenze</span></a></li>
        <li> <a href="#Work"> <span title="#Work">Lavori</span> </a></li>
        <li> <a href="#Contatti"> <span title="Contact">Contatti</span></a></li>
    </ul>
</nav>   

<div class="hamburger" >
    <button class="openbtn" onclick="myFunction()">
        <span id="navbs1" class="icon-bar"></span>
        <span id="navbs2" class="icon-bar"></span>
        <span id="navbs3" class="icon-bar"></span>
    </button>            
</div>

函数myFunction（）{
var x=document.getElementsByid（“mySidenav”）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}

您在此处输入了一个错误：

var x = document.getElementsByid("mySidenav");

应该是：

var x = document.getElementsById("mySidenav");

希望有帮助

函数myFunction（）{
document.getElementById（“mySidenav”）.classList.toggle（“hide”）；
}

.hide{
显示：无！重要；
}

|
|
|

使用

var x=document.getElementById（“mySidenav”）它对我有效，请提供有关您面临的错误的更多详细信息。您使用的是哪种浏览器？控制台显示什么
 将
getElementsByid
替换为
getElementById
我更改了它，但它不起作用..可能是因为外部css？我认为它不是css。请在Firefox上打开开发者工具：按F12，一个窗口应该会打开。如果没有，请按CTRL+SHIFT+I（大写字母I）。然后查找名为“Console”的选项卡：这是JavaScript控制台，任何错误/警告都将记录在那里。刷新页面并查看控制台中是否有任何行。在此处阅读有关开发人员工具的更多信息：
var x = document.getElementsById("mySidenav");