关于链接位置的移动
我一学生，最近想把Q空间做一下，可上来就遇到了问题。
<table border=1 width="603" height="53">
<tr align="center">
<td width="352"><div id="Layer1"><a href="#">个人中心</a></div>
<fieldset></fieldset>
<div id="Layer2"><a href="#">相册</a></div>
<div id="Layer3"><a href="#">留言板</a></div></td>
<td width="235"><div id="Layer4">
<input type="button" name="button" value="前移">
<input type="button" name="button2" value="后移">
</div></td>
</tr>
</table>
看看，我想把第二个链接通过按钮移动到第一个按钮位置，我该做没做？
还有，我感觉不应该用div实现功能的，但我确实不晓得改怎么做。。。
[解决办法]
<!DOCTYPE HTML><html> <head> <meta charset="gb2312" /> <title></title> </head> <body> <table border=1 width="603" height="53"> <tr align="center"> <td width="352"><div id="Layer1"><a href="#">个人中心</a></div> <fieldset></fieldset> <div id="Layer2"><a href="#">相册</a></div> <div id="Layer3"><a href="#">留言板</a></div></td> <td width="235"><div id="Layer4"> <input type="button" name="button" value="移动" id="btn" /> </div></td> </tr> </table> <script> function $(el){ return typeof el == 'string' ? document.getElementById(el) : el; } $('btn').onclick= function(){ var tmp = $('Layer2').innerHTML; $('Layer2').innerHTML = $('Layer1').innerHTML; $('Layer1').innerHTML = tmp; } </script> </body></html>