Javascript显示块显示无

我知道有很多这样的帖子，但我不明白为什么我的功能不起作用。我在学习，希望你能温柔一点^^

这是我的HTML

<div id="BurgerMenu">
            <button onclick="menuBurger()">
                &#9776;
            </button>
        </div>

        <nav id="SecondNav">
            <ul>
                <li><a href="#itineraires">Itinéraires</a></li>
                <li><a href="#trafic">Infos trafic</a></li>
                <li><a href="#actualite">Actualité</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>

}

这是我的JS函数

function menuBurger(){
var x = document.getElementById("SecondNav");
if (x.style.display === "none"){
    x.style.display = "block";
}else{
    x.style.display = "none";
}

}

我不能改变这一切！在CSS中很重要，因为没有它是不行的。 谢谢你的解释

没有必要！重要的它与id说明符一起产生了问题。使用“切换”可根据需要添加或删除类

功能美纽堡{ document.getElementByIdSecondNav.classList.toggleDisplay' } @媒体屏幕和最大宽度：812px{ 第一导航{ 显示：无！重要； } 部门标志{ 利润率：25px； } 第二标题{ 显示器：flex； 灵活流动：行反向nowrap！重要； 证明内容：之间的空间； 对齐项目：基线！重要； 左侧填充：40px； 右边填充：40px； } 汉堡菜单{ 显示：块； } .切换显示{ 显示：无； } } &9776;

---

这是一个重要的问题。Js显示不能替换为css重要。也许您可以更改元素的类？e、 g.SecondHeader我看到，据我所知，函数在没有！重要的是，如果我没有把这个放进去！在secondNav上很重要，它不能用作切换…我不能，因为汉堡的标志被取消，菜单显示在我的媒体查询上。一定是由于一些不需要的原因。在一个多小时内修改我的css后，该功能可以工作。。。谢谢你的时间伙计：

function menuBurger(){
var x = document.getElementById("SecondNav");
if (x.style.display === "none"){
    x.style.display = "block";
}else{
    x.style.display = "none";
}