使用JavaScript替换活动类工作不正常

选择其他链接时，不会删除活动类。它也不会将活动类添加到“单击”链接

Home是默认类，单击第三个类

我试着不使用这个工具；在脚本的末尾，但仍然显示相同的内容

这是我的密码：

让navItem=document.queryselectoral'ul li'； navItem.forEachitem=>{ item.AddEventListener单击，=>{ 让activeClass=document.querySelector.active'； activeClass.className=activeClass.className.replace.active； item.className=活动； }; }; .纳维特姆斯{ 显示器：flex； 列表样式类型：无； } 纳维滕先生{ 利润率：0.10px； 文字装饰：无； 颜色：rgb32,32,32； 填充：10px 20px； } .navbar.active{ 颜色：e54136； 背景色：rgb32,32,32； } 如果您想在当前设置中使用replace方法，那么这些问题将从代码中解决，它将正常工作

更新：代码存在以下问题：

您没有选择 如果您想在当前设置中使用replace方法，那么这些问题将从代码中解决，它将正常工作

更新：代码存在以下问题：

您没有选择

---

您的代码有几个问题：

在CSS中，您没有创建正确的选择器 在JavaScript中，您没有修改正确的元素 让navItem=document.queryselectoral'ul li a'； navItem.forEachitem=>{ item.AddEventListener单击，=>{ document.querySelector.active.classList.remove'active' item.classList.add'active' }; }; .纳维特姆斯{ 显示器：flex； 列表样式类型：无； } 纳维滕先生{ 利润率：0.10px； 文字装饰：无； 颜色：rgb32,32,32； 填充：10px 20px； } .navItem.active{ 颜色：e54136； 背景色：rgb32,32,32； }

---

您的代码有几个问题：

在CSS中，您没有创建正确的选择器 在JavaScript中，您没有修改正确的元素 让navItem=document.queryselectoral'ul li a'； navItem.forEachitem=>{ item.AddEventListener单击，=>{ document.querySelector.active.classList.remove'active' item.classList.add'active' }; }; .纳维特姆斯{ 显示器：flex； 列表样式类型：无； } 纳维滕先生{ 利润率：0.10px； 文字装饰：无； 颜色：rgb32,32,32； 填充：10px 20px； } .navItem.active{ 颜色：e54136； 背景色：rgb32,32,32； }

.navbar .active { /* which means when child of navbar is active */
color: #e54136;
background-color: rgb(32, 32, 32);

.navItem.active {
   color: #e54136;
   background-color: rgb(32, 32, 32);
 }

 activeClass.className.replace(" active", ""); // **NOTE:** There has to be a space at the start