首页 > Web开发 > 详细

JS克隆DIV并删除DIV(插入删除按钮)

时间:2015-04-16 19:14:57      阅读:270      评论:0      收藏:0      [点我收藏+]
     <div id="div">
         <select id="stu" name="stuff_type">
            <#list stuffType as st> 
            <option value="${st.dict_code}">
                    ${(st.dict_name)!}</option>
            </#list>
          </select>
         数量:
         <input name="apply_num" type="text" value="" id="apply_num" />
         备注:
         <input name="mark" type="text" value="" id="mark" />
     </div>




    var i=1;
    function adddiv(){
      var div1=document.getElementById("div");
      
      var aNode = document.createElement("input"); 
      aNode.setAttribute("type","button");
      aNode.setAttribute("value","删除"); 
      aNode.setAttribute("onclick","deldiv(‘div"+i+"‘)");     
      var clonedNode = div1.cloneNode(true); // 克隆节点 
      clonedNode.setAttribute("id", "div" + i); // 修改一下id 值,避免id 重复  
      i=i+1;
      clonedNode.appendChild(aNode);
      div1.parentNode.appendChild(clonedNode); // 在父节点插入克隆的节点 
      
//      } 
    }



    //删除DIV
    function deldiv(nodeId){
    alert(nodeId);
    //1.获取块节点 
    var div_2Node = document.getElementById(nodeId); 
    
    //2.获取父节点, 
    var parentNode = div_2Node.parentNode; 
    //3.删除 
    parentNode.removeChild(div_2Node); 
    }

 

JS克隆DIV并删除DIV(插入删除按钮)

原文:http://www.cnblogs.com/img-zoom/p/4432783.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!