原生js实现一个连连看小游戏-----------点击列表获取索引
Posted mingL
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了原生js实现一个连连看小游戏-----------点击列表获取索引相关的知识，希望对你有一定的参考价值。
需求：当点击一个列表时，我们要知道它在列表的第几项，即索引，代码实现如下：
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <ul id="myUl"> <li>第1个li</li> <li>第1个li</li> <li>第1个li</li> <li>第1个li</li> </ul> <script type="text/javascript"> var ul=document.getElementById(‘myUl‘); var li=document.getElementsByTagName(‘li‘); //console.log(li.length) ul.onclick=function(e){ for(var i=0;i<li.length;i++){ //当前点击项在列表中查找 if(e.target==li[i]){ console.log(li[i].innerHTML); } } } </script> </body> </html>
以上是关于原生js实现一个连连看小游戏-----------点击列表获取索引的主要内容，如果未能解决你的问题，请参考以下文章