JS 实现数据复制,数据添加、删除

发布时间:2011年10月17日      浏览次数:354 次
<div id="n" class="del">
<div>默认 <a href="javascript:delDiv()">Del</a> </div>
<div>豆腐干生产的地方 <a href="javascript:delDiv()">Del</a> </div>
<div>文盼内容 <a href="javascript:delDiv();">Del</a> </div>
</div>
<script>
      var n=document.getElementById("n");
      var addDivst;
      addDivstr="";
      addDivstr+="<div> <table width='200' border='1' cellpadding='0' cellspacing='0'><tr><td align='center' valign='middle'>你好</td><td align='center' valign='middle'>我好</td><td align='center' valign='middle'>人人好</td><tr><tr><td>你好</td><td>我好</td><td>人人好</td><tr><tr><td height='10' colspan='5' align='center' valign='middle'> <a href="javascript:delDiv();">DelDiv</a></td></tr></table> </div>"

      function addDiv (){
            n.innerHTML+=addDivstr;
      }

      function delDiv (){
            var dd=n.getElementsByTagName("div").length-1;
            n.getElementsByTagName("div")[dd].outerHTML="";
      }
</script>
<br>
<span class="del"><a href="javascript:addDiv()">addDiv</a></span>
免责声明:本站相关技术文章信息部分来自网络,目的主要是传播更多信息,如果您认为本站的某些信息侵犯了您的版权,请与我们联系,我们会即时妥善的处理,谢谢合作!