输出子目录下标的索引

最新推荐文章于 2024-06-21 22:19:13 发布

「已注销」

最新推荐文章于 2024-06-21 22:19:13 发布

阅读量154

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/qq_36276469/article/details/86304006

版权

JS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<style>
		li{
			background: #808080;
		}
	</style>
</head>
<body>
	<ul>
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
	</ul>
	<script type="text/javascript">
		var li=document.getElementsByTagName("li");
		var ul = document.getElementsByTagName("ul");
		for (var i=0;i<li.length;i++) {
//			//第一种方法
//			li[i].index=i;//自定义索引
//			li[i].addEventListener("click",function(){
//				var index=this.index;
//				console.log(index);
//			},false)
//			
//			//第二种方法
//			li[i].addEventListener("click",function(a){
//				console.log(a.target);
//			},false)
//
//			//第三种方法
//			(function(j){
//				li[j].onclick=function(){
//				console.log(j);
//				}
//			}(i))
//
			//第四种方法
//			(function (j){
//				li[j].addEventListener("click",function(){
//					console.log(j);
//				})
//			}(i))
		}
		
		// 利用事件处理函数实现   事件委托  
		 ul[0].addEventListener("click",function(e){
		 	e.target.style.background='red';
		 })
		
	</script>
</body>
</html>