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();

10 }

11

12 function del(e){

13 e = window.event||e;

14 var srcElement=e.srcElement||e.target;

15 all.t136.deleteRow(srcElement.parentNode.parentNode.rowIndex);

16 reset_input_name();

17 }

18

19 function reset_input_name()

20 {

21 var pic_number=all.t136.rows.length-2;

22 all.pic_number.value=pic_number;

23 var tr=all.t136.getElementsByTagName("tr");

24 var b=1;

25 for(var j=2;j<tr.length;j++)

26 {

27 tr[j].childNodes[0].childNodes[0].setAttribute("name","small_pic"+(b)+"");

28 tr[j].childNodes[1].childNodes[0].setAttribute("name","big_pic"+(b)+"");

29 b++;

30 }

31 }

32 </script>

33 <table id="t136" >

34 <tr>

35 <td colspan="2">

36 <input type="hidden" name="pic_number" value="" />

37 <input type="button" onclick="addNew();" value="Add File" /></td>

38 </tr>

39 <tr>

40 <td>Small Image</td>

41 <td>Big Image</td>

42 </tr>

43 </table>

44

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

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

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