function clickSelect(i){
  vaf bg = document.getElementById("tableId").rows[0].cells;<table id="tableId">遵循W3C标准写

解决方案 »

  1.   

    //id重复了document.getElementById("pos")会出错!
    <div style="display:none;" id="pos">
    商务管理
    </div>
    <div style="display:none;" id="pos">
    工程管理
    </div>
    <div style="display:none;" id="pos">
    论坛管理
    </div>
    <div style="display:none;" id="pos">
      

  2.   

    1.TD没关,大问题啊
    2.bg是什么?可以直接在函数用吗?
    3.xs没有
    4.ID是唯一标识,不能这么用
    5.LENGTH是数组长度,而数组下标是从0开始,没有ARRAY[ARRAY.LENGTH]这个元素存在,所以不能用i=0;i<=array.length;i++,只能i=0;i<array.length;i++
    <body>
    <table id="container"><tr>
     <TD name="bg"><a href="#" onClick="clickSelect(0)">商务管理</a></td>
     <TD name="bg"><a href="#" onClick="clickSelect(1)">工程管理</a></td>
     <TD name="bg"><a href="#" onClick="clickSelect(2)">论坛管理</a></td>
     <TD name="bg"><a href="#" onClick="clickSelect(3)">设备管理</a></td>
    </tr></table>
    <div id="showbox">
    <div style="display:none;" name="pos">
    商务管理
    </div>
    <div style="display:none;" name="pos">
    工程管理
    </div>
    <div style="display:none;" name="pos">
    论坛管理
    </div>
    <div style="display:none;" name="pos">
    设备管理
    </div>
    </div>
    <script language="JavaScript">
    <!--
    function clickSelect(i){
    var container=document.getElementById("container");
    var showbox=document.getElementById("showbox");
    var bg=container.getElementsByTagName("TD");
    var pos=showbox.getElementsByTagName("DIV");
        for( j = 0; j < bg.length; j++ ){
            if(i==j){
                bg[j].style.backgroundColor = "#6699CC";
                pos[j].style.display = "";
                xs.style.display = "none";
            }else{
                bg[j].style.backgroundColor = "#3c78b5";
                pos[j].style.display = "none";
            }
        }
    }
    //-->
    </script>
    </body>