javascript 添加 移除 input标签 兼容IE FIREFOX

javascript 添加 移除 input标签 兼容IE FIREFOX

 1 <script>
 2 var i=0;
 3 var all = document.getElementsByTagName("*") ;
 4 function addNew(){
 5     var tr=all.t136.insertRow(-1);
 6     i++;
 7     tr.insertCell(-1).innerHTML='<input type=\"file\" name=small_pic'+i+' />';
 8     tr.insertCell(-1).innerHTML='<input type=\"file\" name=big_pic'+i+' /><a href=\"javascript:void(0)\" onclick=\"del(event);\" >Remove</a>';
 9     reset_input_name();
 }
 
 function del(e){
     e = window.event||e;
     var srcElement=e.srcElement||e.target; 
     all.t136.deleteRow(srcElement.parentNode.parentNode.rowIndex);
     reset_input_name();
 }
 
 function reset_input_name()
 {
     var pic_number=all.t136.rows.length-2;
     all.pic_number.value=pic_number;
     var tr=all.t136.getElementsByTagName("tr");
     var b=1;
     for(var j=2;j<tr.length;j++)
     {
         tr[j].childNodes[0].childNodes[0].setAttribute("name","small_pic"+(b)+"");
         tr[j].childNodes[1].childNodes[0].setAttribute("name","big_pic"+(b)+"");
         b++;
     }
 }
 </script>
 <table id="t136" >
   <tr>
     <td colspan="2">
         <input type="hidden" name="pic_number" value="" />
         <input type="button" onclick="addNew();" value="Add File" /></td>
   </tr>
   <tr>
     <td>Small Image</td>
     <td>Big Image</td>
   </tr>
 </table>

 

今天正好需要做一个无限添加附件的功能  

  上传大 小 两张图片   隐藏域pic_number记录的是图片的对数   

添加 移除的时候能重命名 标签NAME属性    方便服务器端的获取