JS为多个标签绑定相同的事件

*遇到多个标签需要绑定事件，一个一个绑定太过于麻烦；
选择循环绑定更为方便；

方法一

// 获取相同classname的标签，是一个数组
var list = document.getElementsByClassName("n_list");

for (var i = 0; i < list.length; i++) {
    list[i].onmousemove = change; /* 绑定事件，这里函数不能加括号，否则绑定失败*/
}

// 写一个函数改变标签的样式，this指向需要改变的对象
function change() {
    this.style.backgroundColor = "red";
} 

方法二

// 获取相同classname的标签，是一个数组
var list = document.getElementsByClassName("n_list");

for (var i = 0; i < list.length; i++) {

/*还可以为数组中的对象添加一个属性 num 记录当前对象的位置(下标)，
因为绑定完事件后i已经变成length,不能获取绑定事件所对应的对象*/
	list[i].num=i;
    list[i].onmousemove = function(){
    	alert(this.num);
    };
}