代码描述:JavaScript li元素 索引位置。JavaScript获取当前li元素的索引位置
实际操作用,有时候需要明确当前li元素的索引值,当然也可以引申到其他元素。 下面通过实例代码介绍一下如何实现此功能。 代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> ul li{ width:150px; height:30px; line-height:30px; font-size:12px; cursor:pointer; } span{ color:red; font-size:12px; } </style> <script type="text/javascript"> window.onload=function(){ var lis=document.getElementsByTagName("li"); var theSpan=document.getElementById("theSpan"); for(var i=0;i<lis.length;i++){ lis[i].index=i; lis[i].onclick = function () { theSpan.innerHTML=this.index; } } } </script> </head> <body> <ul> <li>51前端一</li> <li>51前端二</li> <li>51前端三</li> <li>51前端四</li> <li>51前端五</li> </ul> <div>当前索引值:<span id="theSpan"></span></div> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能