JS遍历节点添加事件的小例子

<ul id="_file_ul">
<li><label></label><input type="file"/><a href="javascript:void(0);"></a></li>
<li><label></label><input type="file"/><a href="javascript:void(0);"></a></li>
<li><label></label><input type="file"/><a href="javascript:void(0);"></a></li>
<li><label></label><input type="file"/><a href="javascript:void(0);"></a></li>
<li><label></label><input type="file"/><a href="javascript:void(0);"></a></li>
</ul>

<script>
var _f_ul = document.getElementById("_file_ul");
for(var i = 0; i<_f_ul.children.length;i++){
  ~function(){
    var k = i;
    var _li = _f_ul.children[k];
    _li.children[2].onclick = function(){
      _li.children[0].innerHTML = "";
      _li.children[2].style.display = "none";
     }
    _li.children[1].onchange = function(){
      _li.children[2].style.display = "";
      _li.children[0].innerHTML = _li.children[1].value;
     }
   }();
 }
</script>