Question

如何用JS实现复制显示和删除显示表格?求高手解决！！急

A表格中 有一个增加按钮和删除按钮，要求是当点击增加按钮时，会复制一个与A表格一模一样的表格 并显示出来，当点击删除按钮时，删除当前表格。求解决。。不能使用JQUERY 公司要求的。
<div id="syncAdd" >
<table class="maintable" id="cloneNodeShow">
<tr>
<td colspan="2" class="yi_hang_8">内容同步地址<font color="#FF0000">*</font></td>
<td colspan="3" class="yi_hang_8"> </td>
</tr>

<tr>
<td width="16%" class="yi_hang_9">同步名称:</td>
<td width="34%" class="yi_hang_9"><input name="syncName" type="text">
<font color="#FF0000">*</font></td>
<td width="10%" class="yi_hang_9">同步URL：</td>
<td width="20%" class="yi_hang_9"><input name="syncUrl" type="text">
<font color="#FF0000">*</font></td>
<td width="20%" class="yi_hang_9"><input class="button" type=button value=" 增加 " name="add" onClick="addShow()"></td>
</tr>

Answer 1

我给你一些代码你看看用...

var aa= document.getElementById(" 要复制的对象ID "); //复制 比如表格的<table id="?">
var bb= aa.cloneNode(true); //深度复制
var cc= document.getElementById("目标ID"); //复制到哪去 .. 那个地方的ID 对象
cc.appendChild(bb); //添加结点 // 给目标对象 添加这个复制的对象过去
//这样就在目标那里 也有个一样的A表格 .. 注意这代码还没完,, 因为是一样的所以表格里的ID号也是一样的,, 后面你就要对复制的对象设置新ID
//新对象的 对象是哪个呢>>原对象aa 经过复制到了bb 最后把bb对象添加给cc 这个新复制的对象是bb >> 所以我们就对bb这个对象修改它的属性
bb.id="新复制A表格的 ID=B" //这样页面上就只有一个A表格了,, 我们要取A表格就不出错了,,不这样的话页面上就会有两个A表格 取的时候就会出错...

要删除整个表格 <table id="DED">
var fv1=document.getElementById("DED 表格的ID") //你想删除A表格 或B表格 就这样
fv1.parentNode.removeChild(fv1) ////////// 删除 然后它就不见了

Answer 2

因为表中有ID是唯一标识。直接复制会有问题。应该ID换掉，具体自己换一下
<input type="button" onclick="copyTable('todiv','cloneNodeShow')" value="复制表">
<div id="todiv" style="border:1px solid blue;">
目标区域
</div>

<script>
var count = 0;
function copyTable(toDiv,tbl){
var fromtbl = document.getElementById(tbl);
var div = document.getElementById(toDiv);
var newtbl = document.createElement("div");
newtbl.setAttribute("id","copy"+count);
newtbl.innerHTML = fromtbl.innerHTML;
div.appendChild(newtbl);
count=count+1;
}
</script>

Answer 3

把 A表格 源代码发出来

追问

太长了 我分两次发。。

追答

大概思路
点击增加按钮
用js 读出 源代码
myitem=document.getElementById("syncAdd").innerHTML
然后myitem=myitem+myitem
最后 document.getElementById("syncAdd").innerHTML=myitem
没有测试过，可以试试