新手求助!请大虾们帮下忙~~SOS!!!!

Question

<div>
<ul>
<li><a href="#">aa</a></li>
<li><a href="#">bb</a></li>
<li><a href="#">dd</a></li>
。
</ul>
 </div>
如上...div里面放项目,但我想用一个按钮控制<li>的显示.比如，每按一下就显示<div>里的的指定要显示的n项(n是指如：显示aa,bb,cc...)...听别人说用JS可以做的。请高手指点下。急~

Answer 1

<div>
<ul>
<li style="display:none"><a href="#">aa</a></li>
<li style="display:none"><a href="#">bb</a></li>
<li style="display:none"><a href="#">dd</a></li>
</ul>
</div>
<input id=aa>
 <input type=button onclick="setM(parseInt(aa.value))" value="输入0-2测试">
 <script>
  var lastNode = null
  function setM(m)
  {  
  if(lastNode) lastNode.style.display='none'
  document.getElementsByTagName('ul')[0].childNodes[m].style.display='block'
  lastNode=document.getElementsByTagName('ul')[0].childNodes[m]
  }
  </script>