js怎么获取鼠标悬浮在某一个li时，该li的下标？

JavaScript034

js怎么获取鼠标悬浮在某一个li时，该li的下标？,第1张

整体思路：可以用for循环去遍历<ul>下的所有<li>；然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。

接下来是对无序列表做一下简单的样式，便于后期测试悬浮效果；给li设置一下宽度以及设置一下边框

整体思路：可以用for循环去遍历<ul>下的所有<li>；然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。

<ul>

<li>aaaa</li>

<li>bbbb</li>

<li>cccc</li>

</ul>

<script>

var obj=document.getElementsByTagName('li')

for(var i=0i<obj.lengthi++){

   obj[i].id=i

   obj[i].onclick=function(){

      alert(this.id)

   }

}

</script>