JS交换表中的值

来源:互联网 发布:2016最新网络潮用语 编辑:程序博客网 时间:2024/05/16 14:48

交换表中的值一:

<script language="javascript" type="text/javascript">
 <!--
  function change() {
   var t1 = document.getElementById("t1");
   var t2 = document.getElementById("t2");
   var t1Subs = [];
   for(var t1Sub = t1.firstChild; t1Sub != null; t1Sub = t1Sub.nextSibling)
    t1Subs[t1Subs.length] = t1Sub;
   var t2Subs = [];
   for(var t2Sub = t2.firstChild; t2Sub != null; t2Sub = t2Sub.nextSibling)
    t2Subs[t2Subs.length] = t2Sub;
   while(t1.firstChild != null)
    t1.removeChild(t1.firstChild);
   while(t2.firstChild != null)
    t2.removeChild(t2.firstChild);
   for(var i = 0; i < t2Subs.length; i++)
    t1.appendChild(t2Subs[i]);
   for(var i = 0; i < t1Subs.length; i++)
    t2.appendChild(t1Subs[i]);
  }
 -->
</script>
<body>
 <input type="button" value="change" onclick="change();"/>
 <table>
  <tbody id="t1">
   <tr><td>A1</td></tr>
   <tr><td>B1</td></tr>

  </tbody>
 </table>
 <table>
  <tbody id="t2">
   <tr><td>A2</td></tr>
   <tr><td>B2</td></tr>
  </tbody>
 </table>
</body>

交换表中的值二:

<body>
<table border bgcolor="#FFCCCC">
 <tr><td>表1</td></tr>
 <tr><td id="a1">a1</td></tr>
 <tr><td id="a2">a2</td></tr>
</table>
<hr>
<table border>
 <tr><td>表2</td></tr>
 <tr><td  id="b1">b1</td></tr>
 <tr><td id="b2">b2</td></tr>
</table>
<br>
<input  type="button"  value="交换表1表2的值"  onclick="a1.swapNode(b1);a2.swapNode(b2);">
</body>

 
原创粉丝点击