Table 中2个列(TD)的交换
来源:互联网 发布:小ck 知乎 编辑:程序博客网 时间:2024/06/04 17:55
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- <HTML>
- <HEAD>
- <TITLE> New Document</TITLE>
- <METANAME="Generator"CONTENT="EditPlus">
- <META NAME="Author"CONTENT="majianan">
- <METANAME="Keywords"CONTENT="">
- <META NAME="Description"CONTENT="">
- <mce:scripttype="text/javascript"><!--
-
- function swapNode(node1,node2)
- {
- var _parent=node1.parentNode;
- var _t1=node1.nextSibling;
- var _t2=node2.nextSibling;
- if(_t1)
- _parent.insertBefore(node2,_t1);
- else
- _parent.appendChild(node2);
- if(_t2)
- _parent.insertBefore(node1,_t2);
- else
- _parent.appendChild(node1);
- }
-
- function swap(){
- var t1 = document.getElementById("t1").value;
- var t2 = document.getElementById("t2").value;
- swapNode(document.getElementById(t1),document.getElementById(t2));
- }
- // --></mce:script>
- </HEAD>
-
- <BODY>
- <table>
- <tr>
- <td id='a'>[a]</td>
-
- <td id='b'>[b]</td>
-
- <td id='c'>[c]</td>
-
- <td id='d'>[d]</td>
-
- <td id='e'>[e]</td>
- </tr>
-
- </table>
- <tr><td><inputid='t1'type="text"value="a"></td></tr>
- <tr><td><inputid='t2'type="text"value="b"></td></tr>
- <tr><td><inputtype="button"value="swap"onclick="swap()"></td></tr>
- </BODY>
- </HTML>