原生js获取索引值

Posted 福超

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生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>

  

以上是关于原生js获取索引值的主要内容,如果未能解决你的问题,请参考以下文章

原生js实现一个连连看小游戏-----------点击列表获取索引

原生js如何绑定a连接点击事件?

js 轮播代码怎么改索引文字大小

关于JS(原生js+jq)中获取设置或者删除元素属性和获取元素值

如何获取select下拉框的值

js经常用到的代码片段