JavaScript onclick multi-div更改类列表添加/删除返回？

让multi-DIV use Java单击其中一个change DIV类列表值，然后单击其他DIV相同以更改类值，但在更改DIV之前如何返回到back类值

var div1=document.getElementByID（PART1）；
var div2=document.getElementByID（PART2）；
var div3=document.getElementByID（PART3）；
函数click1（）{
第1部分。类别列表。删除（“类别1”）；
div1.classList.add（“class2”）；
}
函数click2（）{
第2部分。类别列表。删除（“类别1”）；
第2部分。类别列表。添加（“类别2”）；
}
函数click3（）{
第3部分。类别列表。删除（“类别1”）；
第3部分。类别列表。添加（“类别2”）；
}

您需要在id名称中添加引号，并更改为

getElementById

而不是

getElementById

使用

div1.classList.contains（“class1”）

检查div是否有类

还应添加

href=“#”

以防止重新加载页面

var div1=document.getElementById('PART1');
var div2=document.getElementById('PART2');
var div3=document.getElementById('PART3');

var div1=document.getElementById（'PART1'）；
var div2=document.getElementById（'PART2'）；
var div3=document.getElementById（'PART3'）；
函数click1（）{
if（div1.classList.contains（“class1”））{
第1部分。类别列表。删除（“类别1”）；
div1.classList.add（“class2”）；
}否则{
第1部分。类别列表。删除（“类别2”）；
div1.classList.add（“class1”）；
}
}
函数click2（）{
if（div2.classList.contains（“class1”））{
第2部分。类别列表。删除（“类别1”）；
第2部分。类别列表。添加（“类别2”）；
}否则{
第2部分。类别列表。删除（“类别2”）；
第2部分。类列表。添加（“类1”）；
}
}
函数click3（）{
if（div3.classList.contains（“class1”））{
第3部分。类别列表。删除（“类别1”）；
第3部分。类别列表。添加（“类别2”）；
}否则{
第3部分。类别列表。删除（“类别2”）；
第3部分。类列表。添加（“类1”）；
}
}

.class1{
背景色：红色；
}
.2级{
背景颜色：蓝色；
}

---

答案套件是否符合您的期望？