怎么用javascript实现表格的移动。

Question

<span id=s>
<table id="tb1" border=1>
   <tr><td>aaa</td></tr>
</table>
<table id="tb2" border=1>
   <tr><td>bbb</td></tr>
</table>
<table id="tb3" border=1>
   <tr><td>ccc</td></tr>
</table>
<table id="tb4" border=1>
   <tr><td>ddd</td></tr>
</table>
</span>
<input type=submit onclick="s.appendChild(s.childNodes[0]);">

Answer 1

<table border=1 id=ys>
<tr>
<td>1</td><td>1</td>
</tr>
<tr>
<td>2</td><td>2</td>
</tr>
<tr>
<td>3</td><td>3</td>
</tr>
</table>
<input type=button name=ok onclick=yunshui(ys)>
<script language=JavaScript>
function yunshui(id){
var newTR = id.childNodes[0].childNodes[0].cloneNode(true);
id.childNodes[0].insertAdjacentElement("beforeEnd",newTR);
id.childNodes[0].childNodes[0].removeNode(true);
}
</script>

Answer 2

<span id=test>
<table id="tb1" border=1  bgcolor=red>
   <tr><td>aaa</td></tr>
</table>
<table id="tb2" border=1>
   <tr><td>bbb</td></tr>
</table>
<table id="tb3" border=1>
   <tr><td>ccc</td></tr>
</table>
<table id="tb4" border=1>
   <tr><td>ddd</td></tr>
</table>
</span><hr>
<INPUT type="button" value="Button" id=button1 name=button1 onclick="moveTable()">
<SCRIPT LANGUAGE=javascript>
<!--
function moveTable(){
var node=test.childNodes(0);
var nodeTemp=node.cloneNode(true);
node.parentNode.removeChild(node);
test.insertAdjacentElement("beforeEnd",nodeTemp);
}
//-->
</SCRIPT>