Javascript 更改当前选定的菜单按钮背景色

#导航{
边缘顶部：20px；
宽度：自动；
显示：块；
列表样式：无；
z指数：3；
}
#导航a{
颜色：#1c1c；
显示：块；
背景：rgba（255，255，255，0.6）；
线高：50px；
填充：0px 7px；
文本转换：大写；
边缘底部：6px；
盒影：1px1px2pRGBA（0,0,0,0.2）；
}
#导航a：悬停{
背景#6dab3c；
}

$（'li'）。在（'click'，function（）上{
$（'li'）.removeClass（'active'）；
$（this.addClass（'active'）；
})

#导航{
边缘顶部：20px；
宽度：自动；
显示：块；
列表样式：无；
z指数：3；
}
#导航a{
颜色：#1c1c；
显示：块；
背景：rgba（255，255，255，0.6）；
线高：50px；
填充：0px 7px；
文本转换：大写；
边缘底部：6px；
盒影：1px1px2pRGBA（0,0,0,0.2）；
}
#导航a：悬停{
背景#6dab3c；
}
.主动{
背景#6dab3c；
}

纯JS解决方案。jQuery解决方案会更简单。我不得不添加一个帮助功能，这就是为什么它看起来有点混乱

var elems=document.getElementsByTagName（'li'）；
函数clear（）{
from（elems.forEach（v=>v.classList.remove（“active”））；
}
数组.from（elems）.forEach（函数（v）{
v、 addEventListener（'click'，函数（事件）{
event.preventDefault（）；
清除（）；
this.classList.add（“活动”）；
});
});
#导航{
边缘顶部：20px；
宽度：自动；
显示：块；
列表样式：无；
z指数：3；
}
#导航a{
颜色：#1c1c；
显示：块；
背景：rgba（255，255，255，0.6）；
线高：50px；
填充：0px 7px；
文本转换：大写；
边缘底部：6px；
盒影：1px1px2pRGBA（0,0,0,0.2）；
}
#导航a：悬停，#导航li.active a{
背景#6dab3c；
}










那么问题出在哪里？你的代码在哪里？出了什么问题？请给出你的问题。你应该包括一个你有问题的代码，然后我们可以尝试帮助解决具体的问题。你也应该读一读。@Vilas这是一份很棒的工作，我的朋友！谢谢，非常感谢：）