阻止冒泡

给列表中的li节点绑定点击事件，点击时弹出列表中的顺序

<ul id="nav"><li><a href="www.baidu.com">baidu</a></li><li><a href="www.taobao.com">taobao</a></li><li><a href="www.qq.com">qq</a></li><li><a href="www.weixin.qq.com">weixin</a></li></ul>

弹出结果例如 baidu 弹出1 ；taobao 弹出2 以此类推......

方法 1 :

 var oLi = document.getElementsByTagName("li")  for(var i=0;i<oLi.length;i++){    oLi[i].index = i;    oLi[i].onclick=function(){            alert(++this.index);      return false;    }  }

方法 2 : 

 var oLi = document.getElementsByTagName("li")  for(var i=0;i<oLi.length;i++){    oLi[i].index = i;    oLi[i].onclick=function(e){      e.preventDefault();      alert(++this.index);          }  }