动态生成HTML控件后，如何对生成的控件进行删除！

Question

成功是这样，
点HTML Button 增加一个HTML 的File控件！
   function addFile()
    {
                        
           var str = '<INPUT id="File"' + fileNum + ' type="file" style="width: 400px" name="UploadFile">'
         document.getElementById('myFile').insertAdjacentHTML("beforeEnd",str)
        
    }这样就能增加一个，但如何去删除所增加的控件！
旁边还有一个button 删除！，点，就能删除生成的file

Answer 1

function addfile(fileNum)
{
var str = '<INPUT id="File"' + fileNum + ' type="file" style="width: 400px" name="UploadFile">';
str=str+'<INPUT id=' + fileNum + ' type="button" style="width: 400px" value="删除" onclick="deletefile('+fileNum+');">';
alert(str);
document.getElementById('myFile').insertAdjacentHTML("beforeEnd",str)
}
function deletefile(index)
{
alert(index);
//删除原来的INPUT
}

Answer 2

var fileNum=1;
     function Add_File()
     {
        var m_span = document.createElement("input");
        m_span.id="File" + fileNum;
        m_span.name="UploadFile";
        m_span.type='file';
        document.getElementById('UploadFile').parentNode.appendChild(m_span);
        fileNum++;
     }
     
     function Del_File()
     {
        var x_x="File" + (fileNum-1);
        document.getElementById(x_x).parentNode.removeChild(document.getElementById(x_x));
        fileNum--;
     }这样才是正解，并能在各浏览上进行。我用了不小时间。