阻止冒泡

给列表中的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].οnclick=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].οnclick=function(e){
      e.preventDefault();
      alert(++this.index);
      
    }
  }