我试图使导航栏响应，但我的汉堡菜单按钮似乎无法在类.ul和“.show显示错误未捕获类型错误:无法读取未定义的属性”class list“之间切换。
我该怎么解决这个问题？
有没有从顶部过渡导航栏的方法？
null
const btn = document.getElementById('bars');
btn.addEventListener('click', () => {
document.getElementsByClassName('.ul')[0].classList.toggle('show');
});<div class="navbar-links">
<i class="fa fa-bars" id="bars"></i>
<ul class="ul">
<li><a href="#">Process</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>null
请尝试以下操作:
null
const btn = document.getElementById('bars');
btn.addEventListener('click', () => {
document.getElementsByClassName('navItems')[0].classList.toggle('show');
});<div class="navbar-links">
<i class="fa fa-bars" id="bars"></i>
<ul class="navItems">
<li><a href="#">Process</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>