Javascript 无法删除类列表

我试图删除代码中名为

active

的类。当使用

addEventListener

单击某个元素时，会出现类

active

，但我想使用一个函数

onClick

，搜索类

active

，并将其删除。当单击另一个元素时，仍然允许

addEventListener

添加

活动的

。下面是我想要实现的一个例子，在移动设备中，我想做一个多级，其中div堆叠在另一个div上，可以返回到上一个div

const dropDowns=document.queryselectoral（“.mobile nav.dropdown”）；
对于（变量i=0；i

{{link.title}
{{link.title}link_to:link.url}
{链接列表[child_list_handle]中的child_链接的%links%}{{child_link.title{link_to:child_link.url}{%endfor%}
{%assign collection=collections.winter-wear%}

querySelectorAll函数返回一个节点数组。改用querySelector

函数关闭下拉列表（）{
const temp=document.querySelector（“.mobile nav.dropdown content”）；
临时类列表删除（“活动”）；
}

函数myFunction（）{
var元素=document.querySelector（“#myDIV”）；
element.classList.remove（“bgStyle”）；
}

.bgStyle{
宽度：100%；
填充：25px；
背景颜色：珊瑚；
颜色：白色；
字体大小：25px；
框大小：边框框；
}

单击“尝试”按钮从DIV元素中删除“mystyle”类：

试试看
这是一个DIV元素。

querySelectorAll

返回一个数组，而不是像

元素那样返回一个数组。使用
querySelector
只获取一个元素，或者使用
forEach
和节点列表循环所有元素：
temp.forEach（e=>e.classList.remove（“active”）这不是的副本，他使用的是
这个。children[1]
不是
这个。children[i]
，这里没有任何闭包。我不再收到错误，但很遗憾代码没有显示任何结果。我添加了一个演示，以确保代码正常工作，如果您的代码不正常工作，确保向querySelector函数传递了正确的路径。通过浏览器“检查图元”选项卡进行检查。