字体:  

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

haifeng585 发表于: 2006-5-10 16:59 来源: 立华软件园博客

<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>  
将tb1的表移动到tb4下,其他表往上移动。。

最新回复

shanzhiyin at 2006-5-10 17:00:43
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]);">
huaerfeifei at 2006-5-10 17:01:42
<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>