JavaScript如何获取被点击的li元素是所有li元素中的第几个？

提出一个问题：如何获取被点击的li是第几个？

    
a
    
b
    
c
    
d

 解决思路：

我们通过getElementsByTagName等方式可以获取到多个Element 对象（HTML元素），那么我们就可以为这些对象添加属性，所以，我们可以先将索引作为一个新增属性添加到Element 对象（HTML元素）中，然后我们再通过this.属性名的方式来获取被点击的元素的索引。

举个例子：

但其实也没必要给每个dom都绑定click事件，可以用事件委托（也称为事件代理）的形式来完成，大概流程就是给父元素绑定一个click事件，然后通过e.Target来获取到触发事件监听的对象，在此处也就是某个li标签