t=t+1;
inputname="usename"+t;
var input=document.createElement('input');
input.type="file";
input.name="usename[]";
input.id=inputname;
input.size=40;
input.onchange=imagesize;
document.getElementById("upload").appendChild(input);上面JS代码<form enctype="multipart/form-data" name="upload" id="upload" method="post" target="attachframe" action="upload.php"><input name="usename[]" id="usename0" type="file" size="40" onchange="imagesize()"  /></form>HTML 代码我现在想要removechild 一个已经创建的节点,要可以指定删除节点,这个应该怎么写啊???

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      </head>
      <body>
        <form enctype="multipart/form-data" name="upload" id="upload" method="post" target="attachframe" action="upload.php"><input name="usename[]" id="usename0" type="file" size="40" onchange="imagesize()" />
    <input type="button" value="添加" id="add" />
    <input type="text" id="t" value="指定删除第几个,写编号,如:1" />
    <input type="button" value="删除" id="delete" /></form>
    <script>
    var t = 0;function imagesize(){}document.getElementById('add').onclick = function(){
    t=t+1;
    inputname="usename"+t;
    var input=document.createElement('input');
    input.type="file";
    input.name="usename[]";
    input.id=inputname;
    input.size=40;
    input.onchange=imagesize;
    document.getElementById("upload").appendChild(input);
    }document.getElementById('t').onfocus = function(){
    this.value = '';
    };document.getElementById('t').onblur = function(){
    if(!this.value){
    this.value = '指定删除第几个,写编号,如:1'
    }
    };document.getElementById('delete').onclick = function(){
    var value = document.getElementById('t').value;
    var input = document.getElementById('usename'+value);
    if(input){
    document.getElementById("upload").removeChild(input);
    t = value - 1;
    }else{
    alert('没有这个元素')
    }
    };
    </script>
      </body>
    </html>
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    var _count = 2; //限制最大文件控件数(含初始状态时的1个)
    function imagesize() {
    var obj = document.getElementById('upload').getElementsByTagName('input');
    var currentCount = 0; //用于保存当前文件控件数
    for(var i = 0; i < obj.length; i ++) if (obj[i].type.toLowerCase() == 'file') currentCount ++;
    if (currentCount >= _count) alert('控件数已经达到最大值');
    else {
    var div = document.createElement('div');
    document.getElementById('upload').appendChild(div);

    var input = document.createElement('input');
    input.type = 'file';
    input.name = 'usename[]';
    input.id = 'usename' + (currentCount - 1);
    input.size = 40;
    input.onchange = imagesize;
    div.appendChild(input);

    //增加一个删除链接
    var a = document.createElement('a');
    a.href = 'javascript:void(0);';
    a.innerHTML = '删除这一个';
    a.onclick = function() {
    document.getElementById('upload').removeChild(this.parentNode);
    }
    div.appendChild(a);
    }
    }
    </script>
    </head><body>
    <form enctype="multipart/form-data" name="upload" id="upload" method="post" target="attachframe" action="upload.php">
        <div><input name="usename[]" id="usename0" type="file" size="40" onchange="imagesize()" /></div>
    </form>
    </body>
    </html>