需求:当点击一个列表时,我们要知道它在列表的第几项,即索引,代码实现如下:
<!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>