<ul class="t">
    <li style="width:100px; height:100px; background-color:#000; float:left;"></li>
    <li style="width:100px; height:100px; background-color:#bf0000; float:left;"></li>
    <li style="width:100px; height:100px; background-color:#fc0; float:left;"></li>
</ul>
<script type="text/javascript">
//这两个问题其实是同一个问题，如果不想使用上面的this方法，可以考虑闭包
    var li=document.getElementsByTagName("li");
    for(var i=0;i<li.length;i++)
    {
        (function(n){
            li[n].onclick=function(){
                alert(n);
            }
        })(i)
    }
</script>