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