伙計們。我試圖在點擊時顯示/隱藏移動菜單，但我不知道我做錯了什么。如果您能幫助我，我將非常感激： <script> var menuToggle = document.getElementsByClassName('menuToggle'); var nav = document.getElementsByClassName('responsive-navigation'); menuToggle.addEventListener('click', () => { if (nav === 'block') { nav.style.display = "none"; } else { nav.style.display = "block"; } });</script>
1 回答
米脂
TA貢獻1836條經驗 獲得超3個贊
getElementsByClassName()返回集合。您必須使用特定的索引。我認為您還錯誤地將元素本身與if條件中的屬性值進行比較。
雖然我更喜歡使用querySelector()：
Document 方法返回文檔中與指定選擇器或選擇器組匹配的
querySelector()?第一個元素。如果未找到匹配項，則返回 null
var menuToggle = document.querySelector('.menuToggle');
var nav = document.querySelector('.responsive-navigation');
menuToggle.addEventListener('click', () => {
? if (nav.style.display === 'block') {
? ? nav.style.display = "none";
? } else {
? ? nav.style.display = "block";
? }
});
- 1 回答
- 0 關注
- 109 瀏覽
添加回答
舉報
0/150
提交
取消