js多个标签绑定事件

js多个标签绑定事件

代码:
var li = document.getElementsByTagName("li");
var color = ["red", "green", "blue"];
for(var i = 0; i < li.length; i++) {
	li[i].onclick = function () {
		(function (i) {
			li[i].style.backgroundColor = color[i % li.length];
		
		}(i))
	}
}

如上再为每个li绑定事件时,事件内容用一个立即执行函数包起来,并将for中的i作为参数传递进去,这样的话就会为每个li绑定对应事件。

发布了6 篇原创文章 · 获赞 4 · 访问量 179

猜你喜欢

转载自blog.csdn.net/weixin_44882846/article/details/103328233