javascript技巧

关注公众号 jb51net

关闭

首页 > 网络编程 > JavaScript > javascript技巧 > table 移动数据

两个table之间相互移动数据

2009-05-20 01:45:07 作者：

两个table之间相互移动数据的实现代码。

<script language=javascript> 
function moveIt(obj){ 
var tableId; 
if(obj.parentNode.parentNode.id == "t1"){ 
tableId = document.getElementById("t2"); 
}else{ 
tableId = document.getElementById("t1"); 
} 
var newRow = tableId.insertRow(0); 
newRow.insertCell(0).innerHTML = obj.cells(0).innerHTML; 
newRow.insertCell(1).innerHTML = obj.cells(1).innerHTML; 
obj.removeNode(true); 
} 
</script> 
<table id=t1 border=1> 
<tr> 
 
<td><input type=checkbox onclick="this.checked=false;{moveIt(this.parentNode.parentNode);}"></td> 
<td>1</td> 
</tr> 
<tr> 
<td><input type=checkbox onclick="this.checked=false;{moveIt(this.parentNode.parentNode);}"></td> 
<td>2</td> 
</tr> 
</table><hr> 
<table id=t2 border=1> 
<tr> 
<td><input type=checkbox onclick="this.checked=false;{moveIt(this.parentNode.parentNode);}"></td> 
<td>3</td> 
</tr> 
<tr> 
<td><input type=checkbox onclick="this.checked=false;{moveIt(this.parentNode.parentNode);}"></td> 
<td>4</td> 
</tr> 
</table>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]