菜鸟问题,高手见笑了

Question

<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]);">

Answer 1

<div id="d_Parent">
<div id="d_1">d_1</div>
<div id="d_2">d_2</div>
<div id="d_3">d_3</div>
<div id="d_4">d_4</div>
</div>
<br /> IE Only
<input type="button" value="swap" onclick="d_Parent.children(0).swapNode(d_Parent.children(2));">
<br />  cross browser
<input type="button" value="swap" onclick="mm();">
<SCRIPT LANGUAGE="JavaScript">
function mm()
{
    var p = document.getElementById("d_Parent");
    var a = document.getElementById("d_1");
    var b = document.getElementById("d_3");
    p.insertBefore(a.cloneNode(true), b.nextSibling);
    p.insertBefore(b, a.nextSibling);
    p.removeChild(a);
}
</SCRIPT>

Answer 2

那如果没有外层的<div id="d_Parent">怎么办呢?

Answer 3

<select  name="mySelect" size="10">  
<option  value="value1"  Selected>HTML</option>  
<option  value="value2">JavaScript</option>  
<option  value="value3">VBScript</option>   
<option  value="value4">css</option>   
<option  value="value5">dpwher</option> 
</select>  
<input  type="button"  onclick="moveto(3,0)"  value="移动"> 
<SCRIPT LANGUAGE="JavaScript">
function  moveto(from,to){
   var objfrom = document.all.mySelect.options[from];
   var objto = document.all.mySelect.options[to];
   document.all.mySelect.options[from] =  new  Option(objto.text,objto.value);
   document.all.mySelect.options[to] =  new  Option(objfrom.text,objfrom.value);
}
</SCRIPT>

Answer 4

在没有外层 d_parent 的时候：<div id="d_1">d_1</div>
<div id="d_2">d_2</div>
<div id="d_3">d_3</div>
<div id="d_4">d_4</div><br /> IE Only
<input type="button" value="swap" onclick="d_1.swapNode(d_3);">
<br />  cross browser
<input type="button" value="swap" onclick="mm();">
<SCRIPT LANGUAGE="JavaScript">
function mm()
{
    var a = document.getElementById("d_1");
    var b = document.getElementById("d_3");
    b.parentNode.insertBefore(a.cloneNode(true), b.nextSibling);
    a.parentNode.insertBefore(b, a.nextSibling);
    a.parentNode.removeChild(a);
}
</SCRIPT>