js实现点击<li>标签弹出其索引值

  • Post author:
  • Post category:其他


根据上面HTML,用JS实现点击 li 输入当前 li 节点在 ul 列表中的索引

<ul>
  <li>11111</li>
  <li>22222</li>
  <li>33333</li>
  <li>44444</li>
  <li>55555</li>
<ul>


1.获取所有的li元素,然后进行循环给每个li绑定事件


在这个方法中,有一些小问题

(1)document.getElementsByTagName(‘li’)的返回值是一个nodeList,是一个类数组,像函数的arguments也是伪数组,而不是一个真正意义上的数组,所以直接调用数组的一些方法会出错,所以要注意先把他转换为数组,关于类数组转数组的方法在后面文章有所涉及,我在这里简单的使用了Array.from方法。

&#x



版权声明:本文为springLilly原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。