在Div中动态添加表格的问题

Question

我也处理过类似问题
我是用Ajax取得要添加的表格的HTML代码
然后用document.getElementById("div1").innerHTML="HTML代码"

Answer 1

<table id="tb1" border="1"> 
  <tr> 
      <td> asd
      </td> 
      <td> 
      </td> 
  </tr> 
</table> 
<table id="tb2" border="1"> 
  <tr> 
      <td> asd
      </td> 
      <td> 
      </td> 
  </tr> 
</table> 
<table id="tb3" border="1"> 
  <tr> 
      <td> asd
      </td> 
      <td> 
      </td> 
  </tr> 
</table> 
<table id="tb4" border="1"> 
  <tr> 
      <td> asd
      </td> 
      <td> 
      </td> 
  </tr> 
</table> 
<table id="tb5" border="1"> 
  <tr> 
      <td> asd
      </td> 
      <td> 
      </td> 
  </tr> 
</table> 
<input  value="复制" type="button" onClick="copy(document.getElementById('text').value)"><input id="text"  type="text">
<div id="div1" style="width:50px; border:1px solid #000000"> 
</div> 
<script>
function copy(num){
var o = document.getElementById(num)
var copy = o.cloneNode(true); 
document.getElementById("div1").appendChild(o)}
</script>
文本框里面写tab的id就可以了

Answer 2

<table id="tb1"> 
  <tr> 
      <td> tb1
      </td> 
      <td> tb1
      </td> 
  </tr> 
</table>
<table id="tb2"> 
  <tr> 
      <td> tb2
      </td> 
      <td> tb2
      </td> 
  </tr> 
</table> 
<div id="div1" style="border:1px solid #00f"> 
</div> 
<script>
function attach_tab(par, child){
document.getElementById(par).appendChild(document.getElementById(child));
}
attach_tab('div1', 'tb2');
attach_tab('div1', 'tb1');
</script>

Answer 3

貌似写错了
document.getElementById("div1").appendChild(copy)
保留原来的
document.getElementById("div1").appendChild(o)
把原来的直接加到div