分类：电脑/网络-软件
问题：IE6和IE8下部兼容，求哪位大哥看看源代码，帮我改改，谢谢了& 
<script language=javascript>function secBoard(n){for(i=0;i<menu.childNodes.length;i++)menu.childNodes[i].className="sec1";menu.childNodes[n].className="sec2";for(i=0;i<main.childNodes.length;i++)main.childNodes[i].style.display="none";main.childNodes[<script language=javascript>function secBoard(n){for(i=0;i<menu.childNodes.length;i++)menu.childNodes[i].className="sec1";menu.childNodes[n].className="sec2";for(i=0;i<main.childNodes.length;i++)main.childNodes[i].style.display="none";main.childNodes[n].style.display="block";}</script><div id="header"><ul id="menu">    <li onClick="secBoard(0)" class="sec1">装机必备</li>    <li onclick="secBoard(1)" class="sec1">系统工具</li>    <li onclick="secBoard(2)" class="sec1">办公应用</li>    <li onclick="secBoard(3)" class="sec1">工具</li>    <li onclick="secBoard(4)" class="sec1">图像影音</li>    <li onclick="secBoard(5)" class="sec1">开发工具</li>    <li onclick="secBoard(6)" class="sec1">其他软件</li></ul><!--内容显示区域--><ul id="main">    <li class="unblock"><!--装机必备-->快速通道--><a href="e-soft.htm?i4">装机必备软件</a></li>  <!--系统工具-->       <li class="unblock"><iframe src="download/sys.htm" frameBorder="0" width="520" scrolling="no" height="2500"></iframe>     </li>    <!--办公应用-->    <li class="unblock"><iframe src="download/office.htm" frameBorder="0" width="520" scrolling="no" height="800"></iframe></li> 现象：IE6下正常。IE8下点击第一个按钮正常，点击第二个按钮什么都没有弹出，点击第三个按钮弹出的是本应该第二个按钮出现的内容，点击第四个按钮什么都没有弹出，以此类推。
回答：首先呢，最好使用标准的w3c 规范，getElementById，否则会出现很多意外的，各个浏览器之间的脚本编程，陷阱很多的，写一个兼容的脚本，其实不易，但也不难，多学学各个浏览器的差异，深入学习。
针对这个问题，既然点击让节点显示，其他节点隐藏，那么其他节点没必要对他在改变样式，改了也不显示，
可以使用jquery轻松实现：
 《！--记得导入Jquery库 --》
 <script>
    $(function(){
         $("#menu li").click(function(){
               $("#menu li").hide();
               $(this).css("class","sec2");
               $(this).show();
         });

  });
</script>