编程开发论坛 - Powered by Discuz! Board

标题: 怎么用javascript实现表格的移动。 [打印本页]

作者: haifeng585 时间: 2006-5-10 16:59 标题: 怎么用javascript实现表格的移动。

<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 时间: 2006-5-10 17:00

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 时间: 2006-5-10 17:01

<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>

欢迎光临编程开发论坛 (http://bbs.lihuasoft.net/)