itboos/ClickLi.html

## ClickLi.html
<!doctype html>
<html lang="en" ng-app="myTest">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>今天是9月12号，a new day!</title>

  <style type="text/css">
    #ul1 li{
      list-style-type: none;
      width:200px;
      height:30px;
      background:#ccc;
      margin-bottom: 10px;
      cursor: pointer;
    }

  </style>

  <script type="text/javascript">
      window.onload=function(){
        var aLis=document.getElementById("ul1").getElementsByTagName("li");
        console.log(aLis);

            for(var i=0;i<aLis.length;i++){
                 (function(n){
                       aLis[i].onclick=function(){

                        alert(n);
                       }
                  })(i);
              }
      }
  </script>


</head>

<body>
   <ul id="ul1">
     <li>这是第1个LI</li>
     <li>这是第2个LI</li>
     <li>这是第3个LI</li>
     <li>这是第4个LI</li>
     <li>这是第5个LI</li>
   </ul>


</body>

</html>
	<!doctype html>
	<html lang="en" ng-app="myTest">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>今天是9月12号，a new day!</title>

	<style type="text/css">
	#ul1 li{
	list-style-type: none;
	width:200px;
	height:30px;
	background:#ccc;
	margin-bottom: 10px;
	cursor: pointer;
	}

	</style>

	<script type="text/javascript">
	window.onload=function(){
	var aLis=document.getElementById("ul1").getElementsByTagName("li");
	console.log(aLis);

	for(var i=0;i<aLis.length;i++){
	(function(n){
	aLis[i].onclick=function(){

	alert(n);
	}
	})(i);
	}
	}
	</script>


	</head>

	<body>
	<ul id="ul1">
	<li>这是第1个LI</li>
	<li>这是第2个LI</li>
	<li>这是第3个LI</li>
	<li>这是第4个LI</li>
	<li>这是第5个LI</li>
	</ul>


	</body>

	</html>