event.target和event.currentTarget

event.target和event.currentTarget
Event.target
概述
指向触发事件的对象。当事件处理程序在冒泡阶段或者捕获阶段调用的时候，该目标对象与Event.currentTarget不同。（通俗点解释就是，只有当绑定的事件处理程序与触发该事件处理程序都为同一个对象的时候，两者相同。）

event.currentTarget
指向绑定的事件的对象

类数组对象是不能拿来绑定事件的，所以要每一项绑定或者通过事件代理的形式去绑定
forEach() 方法对数组的每个元素执行一次提供的函数。

let a = ['a', 'b', 'c'];

a.forEach(function(element) {
    console.log(element);
});

// a
// b
// c

HTML DOM classList 属性
为 <div> 元素添加 class:

document.getElementById("myDIV").classList.add("mystyle");

定义和用法
classList 属性返回元素的类名，作为 DOMTokenList 对象。
该属性用于在元素中添加，移除及切换 CSS 类。
classList 属性是只读的，但你可以使用 add() 和 remove() 方法修改它。