javascript - 导航栏切换 javascript

我想切换导航但不幸的是不工作

function navtoggle(){
            document.getElementsByClassName('sidebar').classList.toggle('active');
        }
    </script>

.sidebar.active {
    width:0px;
}

最佳答案

document.getElementsByClassName('sidebar').classList 是一个 HTMLCollection，您必须遍历它或选择一个特定的索引

function navtoggle(){
    document.getElementsByClassName('sidebar')[0].classList.toggle('active');
}

.active {
  color: red;
}

<div class="sidebar">Hello</div>
<button onClick="navtoggle();">Click Me</button>

关于javascript - 导航栏切换 javascript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56416509/