更改HTML div'；在不使用jQuery的情况下使用JavaScript单击时的背景色

尝试实现一个非常简单的特性，只使用JavaScript而不使用jQuery。当我点击HTML div时，我想改变它的背景和

id='tags'

document.getElementById（'tags'）.addEventListener（'onclick'，function（）{
this.style.backgroundColor='red'；
});

项目1
项目2
项目3

HTML中的标识符必须是唯一的，使用公共CSS类来代替
用于将它们作为目标，因为它将返回一个列表，对其进行迭代并绑定事件处理程序
删除前缀“on”

document.querySelectorAll（'.tags'）.forEach（函数（元素）{
元素。addEventListener（'click'，function（）{
this.style.backgroundColor='red'；
});
})
Item1
项目2
第3项这里有几个问题：

在将
元素添加到文档之前，脚本正在执行（或在编辑问题之前执行）；在HTML源代码中，
需要放在
之后
不能有多个元素具有相同的
id
。改用
class=“tags”
事件是单击而不是单击
以下是我要做的：



项目1
项目2
项目3
for（让x表示document.getElementsByClassName（'tags'））{
x、 addEventListener（'单击'，函数（））{
this.style.backgroundColor='red'；
});
}
id的基本规则是它的唯一性！你真的在扼杀这条基本规则。只能为其指定唯一的值