使用javascript在单击时切换类

我正在尝试使用js（无jQuery）创建一个简单的点击事件 如果我运行下面的代码，它只适用于我单击的第一项

var listItem=document.querySelector（'li'）；
listItem.addEventListener（'click'，函数（事件）{
this.classList.toggle（'clicked'）；
});
。单击{
颜色：红色；
}

项目1
项目2
您应该使用querySelectorAll而不是querySelector，然后循环所有列表项：

var listItems = document.querySelectorAll('li');
for(var i = 0; i < listItems.length; i++){
    listItems[i].addEventListener('click', function(event) {
      this.classList.toggle('clicked');
    });
}

var listItems=document.querySelectorAll（'li'）；
对于（变量i=0；i
您应该使用querySelectorAll而不是querySelector，然后循环所有列表项：

var listItems = document.querySelectorAll('li');
for(var i = 0; i < listItems.length; i++){
    listItems[i].addEventListener('click', function(event) {
      this.classList.toggle('clicked');
    });
}

var listItems=document.querySelectorAll（'li'）；
对于（变量i=0；i