2024年05月09日 首页 业界新闻 技术文档 黑客安全 源代码 应用下载 电子图书 电脑硬件 游戏世界 分类信息 编程论坛 博客日志  
‹‹ 上一主题 | 下一主题 ››
发新话题
打印

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

haifeng585

初级程序员

Rank: 2Rank: 2
1# 大 中 小 发表于 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下，其他表往上移动。。

TOP

shanzhiyin

初级程序员

Rank: 2Rank: 2
2# 大 中 小 发表于 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]);">

TOP

huaerfeifei

初级程序员

Rank: 2Rank: 2
3# 大 中 小 发表于 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>

TOP

‹‹ 上一主题 | 下一主题 ››
发新话题