我想用flask來做這個功能，但你顯然只能用js來做，而且我是第一次這樣做。代碼：
const navSlide2 = () => {
const burger = document.querySelector('.burger');
const nav = document.querySelectorAll('.test');
burger.addEventListener('click',()=>{
nav.classList.toggle('heading-nav-active');
});
}
我希望所有具有“test”類的元素都被選中，并且 CSS 檔案中的“heading-nav-active”功能應該應用于每個選定的元素。我怎樣才能做到這一點？
uj5u.com熱心網友回復：
正如@Andy 提到的，queryselectorAll回傳一個節點串列，您需要對其進行迭代并添加/切換必要的類。你可以做如下
const navSlide2 = () => {
const burger = document.querySelector('.burger');
const navs = document.querySelectorAll('.test');
burger.addEventListener('click', () => {
navs.forEach(el => el.classList.toggle('heading-nav-active'));
});
}
感謝@ChrisG 提到命名約定。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/363935.html
標籤：javascript html css
上一篇：獲取先前的值并更新n 1項