<Table id=table1>
<tr>
<td>aaaa<input type=text value="aaaa"></td>
<td>aaaa</td>
</tr>
<tr>
<td>bbbb</td>
<td>bbbb</td>
<tr>
</table>
<input type=button value=changePlace onclick="table1.moveRow(0, 1)">
<tr>
<td>aaaa<input type=text value="aaaa"></td>
<td>aaaa</td>
</tr>
<tr>
<td>bbbb</td>
<td>bbbb</td>
<tr>
</table>
<input type=button value=changePlace onclick="table1.moveRow(0, 1)">
<button onclick="tr1.swapNode(tr2)">交换行</button>
<table width="75%" border="1">
<tr>
<td>ID</td>
<td>名称</td>
<td>操作</td>
</tr>
<tr>
<td>1</td>
<td>测试一</td>
<td>[<span onClick="up(this)">上移</span>] [<span onClick="down(this)">下移</span>]</td>
</tr>
<tr>
<td>2</td>
<td>测试二</td>
<td>[<span onClick="up(this)">上移</span>] [<span onClick="down(this)">下移</span>]</td>
</tr>
<tr>
<td>3</td>
<td>测试三</td>
<td>[<span onClick="up(this)">上移</span>] [<span onClick="down(this)">下移</span>]</td>
</tr>
</table>
<script>
function up(o) { // 上移
var el = o.parentElement.parentElement; // 获得TR对象
var n = el.rowIndex; // 取得所在行
if(n == 1) return; // 到顶不移,第一行不动
do {
el = el.parentElement;
}while(el.parentElement.tagName != "TABLE"); // 上溯到TABLE
el.moveRow(n-1,n); // 移动行
}function down(o) { // 下移
var el = o.parentElement.parentElement;
var n = el.rowIndex;
do {
el = el.parentElement;
}while(el.parentElement.tagName != "TABLE");
if(n >= el.rows.length-1) return; // 到底不移
el.moveRow(n,n+1);
}
</script>
谢谢了,大家能不能介绍一下,这些知识从哪里去学~~~!书呀,站点呀!我茫然呀!~~~