动态添加/删除HTML元素

本文出自   动态删除Html元素(请教高手)

<! DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN"    >
< HTML >
< HEAD >
< title > WebForm2 </ title >
< meta    name ="GENERATOR"    Content ="Microsoft   Visual   Studio   .NET   7.1" >
< meta    name ="CODE_LANGUAGE"    Content ="C#" >
< meta    name ="vs_defaultClientScript"    content ="JavaScript" >
< meta    name ="vs_targetSchema"    content ="http://schemas.microsoft.com/intellisense/ie5" >
< script    language ="javascript" >    
    var count= 0 ;   
    var maxfile = 5;        //最大允许数目
    
    //增加元素
    function addUpload() {  
        if(count >= maxfile)    return;        //限制最多maxfile个文件框
        count++; 
        
        //每次自增id不同的HTML对象，并附加到容器最后
        var newDiv =  "<div id=divUpload" + count +">"
            + " <input id=file" + count + " type=file size=50 name=upload>"
            + " <a href=javascript:delUpload('divUpload" + count + "');>删除</a>"
            + " </div>";   
          document.getElementById("uploadContent").insertAdjacentHTML("beforeEnd", newDiv);     
    }   
    
    //删除指定元素
    function delUpload(diva) {  
        count--; 
        document.getElementById(diva).parentNode.removeChild(document.getElementById(diva));   
    }   
    
   </ script >
</ HEAD >
< body    MS_POSITIONING ="GridLayout" >
< form    id ="Form1"    method ="post"    runat ="server"    enctype ="multipart/form-data" >
   < div >
     < table >
       < tr >
         < td    id ="tdRrmove"    width ="2000" >
        
         <!-- 承接整个file文件框的HTML容器 -->
         < div  id ="uploadContent" >
             <!-- 默认的file文件框
            <div id=div1><input id=file1 type=file size=50 name=upload></div> -->
         </ div >
        
         </ td >
       </ tr >
     </ table >
   </ div >
   < a  href ="javascript:addUpload()" > 添加附件 </ a >
   < br />
   < br />
</ form >
</ body >
</ HTML >

转载于:https://www.cnblogs.com/kiant71/archive/2009/05/04/1752033.html