<ul class="ulStyle">
<li><a href="#"><b>IT.互联网</b></a> 前端开发 Java ></li>
<li><a href="#"><b>设计.创作</b></a> 平面设计 UI设计 ></li>
<li><a href="#"><b>语言.留学</b></a> 实用英语 雅思 托福 ></li>
<li><a href="#"><b>职业.考证</b></a> 公务员 教师考试 ></li>
<li><a href="#"><b>升学.考研</b></a> 考研 大学 高中></li>
<li><a href="#"><b>兴趣.生活</b></a> 摄影 乐器演奏 美妆 ></li>
</ul>
这是之前帮同学写的HTML的样式 ,然后突然想到之前老师讲的获取index值的方法 于是上网查了一下 然后总结了一下
有如下 三种方法:
方法一:
var lis=document.getElementsByTagName("li");
for (var i = 0; i < lis.length; i++) {
lis[i].onclick=(function(index){
return function(){
alert(index);
}
})(i)
}
方法二:
var lis=document.getElementsByTagName("li");
for (var i = 0; i < lis.length; i++) {
(function(index){
lis[i].onclick=function(){
alert(index)
}
})(i)
}
方法三:
var oli=document.getElementsByTagName('li');
for(var i=0; i<oli.length;i++)
{
oli[i].index=i;
oli[i].onclick=function(){
alert('你点击的列表的下标是:'+this.index);//列表下标从0开始
};
}