原生js获取索引值 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			li{
				display: inline-block;
				width: 50px;
				height: 30px;
				border: 1px solid red;
			}
		</style>
	</head>
	<body>
		<ul>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		
		<script>
			var index;
			var lis=document.querySelectorAll("ul li"); 
			console.log(lis.length)
			for (var i=0;i<lis.length;i++) {
				(function(index){
					lis[index].onmouseover=function(){
						console.log(index)
					}
				})(i)
			}
		</script> 
	</body>
</html>

　　

posted @ 2019-10-30 21:01  福超  阅读(3073)  评论(0)    收藏  举报