在javascript中添加和删除不带jquery的类

我有一些段落。一开始，其中一个应该是红色的，点击后应该变成黑色，点击后应该变成红色。我需要在单击每个段落时将其更改为红色，并在单击另一个段落时删除该类。我应该用javascript来做

var p=document.querySelectorAll（“p”）；
对于（变量i=0；i

.active{
颜色：红色；
}

首先是文本

文本秒

文本第三个

尝试以下解决方案

var p=document.querySelectorAll（“p”）；
对于（变量i=0；i

.active{
颜色：红色；
}

首先是文本

文本秒

Text Third

您的代码很好，只是有一点逻辑问题：）

var p=document.querySelectorAll（“p”）；
对于（变量i=0；i

.active{
颜色：红色；
}

文本优先
文本秒

Text Third

只需使用

document.querySelectorAll

获取所有元素并通过删除

活动的
重置其类，然后只需将类添加到当前元素


var p=document.querySelectorAll（“p”）；
对于（变量i=0；ielem.classList.remove（“活动”）；
this.classList.add（“活动”）；
}
.active{
颜色：红色；
}
首先是文本

文本秒

文本第三个
@Grégory NEUT non）我是一个普通人，谢谢！