js脚本在FF浏览器上不起作用了？

Question

<script type="text/javascript">
<!--
    function switchCellleft(n)
    {
        var trd=document.getElementById("trd");
        var lftd=document.getElementById("lftd");
        
    for(var i=0;i<trd.length;i++)
    {
        trd[i].style.display="none";
        lftd[i].className="box_gary05";
    }
        trd[n].style.display="block";
        lftd[n].className="box_gary01";
    }
//-->
</script>
上面的trd和lftd分别是我建的表里的行和列的id，请问该如何改才对啊？

Answer 1

还要什么代码啊！？
给你我的设计吧！
<table width="160px" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td class="box_gary03" style="height: 36px">
        </td>
    </tr>
    <tr>
        <td class="box_black" style="height: 18px">
            <asp:Literal ID="Lit_ProdServ" runat="server" Text="<%$ Resources:SiteResource, head_ProdServ %>"></asp:Literal></td>
    </tr>
    <tr>
        <td class="box_gary01" onclick="switchCellleft(0)" id="lftd">
            <a href="../proclist.aspx" class="left_blue">+
                <asp:Literal ID="Lit_products" runat="server" Text="<%$ Resources:SiteResource, left_products %>"></asp:Literal></a></td>
    </tr>
    <tr id="trd" style="display: none;">
        <td bgcolor="#E0F4FB">
            <table width="160px" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="box_gary03" style="width: 160px">
                        <font color="#0087ff">&nbsp;.</font> &nbsp;<a href="../proclist.aspx?type=p001" class="left_blue"
                            id="p001"><asp:Literal ID="Lit_Prod_RF" runat="server" Text="<%$ Resources:SiteResource, left_prod_RF %>"></asp:Literal></a>
                    </td>
                </tr>
                <tr>
                    <td class="box_gary03" style="width: 160px">
                        <font color="#0087ff">&nbsp;.</font> &nbsp;<a href="../proclist.aspx?type=p002" class="left_blue"
                            id="p002"><asp:Literal ID="Lit_Prod_Automotive" runat="server" Text="<%$ Resources:SiteResource, left_prod_Automotive %>"></asp:Literal></a>
                    </td>
                </tr>
                <tr>
                    <td class="box_gary03" style="width: 160px">
                        <font color="#0087ff">&nbsp;.</font> &nbsp;<a href="../proclist.aspx?type=p003" class="left_blue"
                            id="p003"><asp:Literal ID="Lit_Prod_Distributed" runat="server" Text="<%$ Resources:SiteResource, left_prod_Distributed %>"></asp:Literal></a>
                    </td>
                </tr>
                <tr>
                    <td class="box_gary05" style="width: 160px">
                        <font color="#0087ff">&nbsp;.</font> &nbsp;<a href="../proclist.aspx?type=p004" class="left_blue"
                            id="p004"><asp:Literal ID="Lit_Prod_More" runat="server" Text="<%$ Resources:SiteResource, left_prod_More %>"></asp:Literal></a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td class="box_gary05" style="height: 19px" onclick="switchCellleft(1)" id="lftd">
            <a href="../service.aspx" class="left_blue"><span>+
                <asp:Literal ID="Lit_Services" runat="server" Text="<%$ Resources:SiteResource, left_Services %>"></asp:Literal></span></a></td>
    </tr>
    <tr id="trd" style="display: none;">
        <td bgcolor="#E0F4FB">
            <table width="160px" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="box_gary03" style="width: 160px">
                        <font color="#0087ff">&nbsp;.</font> &nbsp;<a href="../service.aspx?type=s001" class="left_blue"
                            id="s001"><asp:Literal ID="Lit_Services_RF" runat="server" Text="<%$ Resources:SiteResource, left_Services_RF %>"></asp:Literal></a>
                    </td>
                </tr>
                <tr>
                    <td class="box_gary03" style="width: 160px">
                        <font color="#0087ff">&nbsp;.</font> &nbsp;<a href="../service.aspx?type=s002" class="left_blue"
                            id="s002"><asp:Literal ID="Lit_Services_Automotive" runat="server" Text="<%$ Resources:SiteResource, left_Services_Automotive %>"></asp:Literal></a>
                    </td>
                </tr>
                <tr>
                    <td class="box_gary05" style="width: 160px">
                        <font color="#0087ff">&nbsp;.</font> &nbsp;<a href="../service.aspx?type=s003" class="left_blue"
                            id="s003"><asp:Literal ID="Lit_Services_Production" runat="server" Text="<%$ Resources:SiteResource, left_Services_Production %>"></asp:Literal></a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td class="box_gary05" onclick="switchCellleft(2)" id="lftd">
            <a href="../cRIO.aspx" class="left_blue"><span>+ CompactRIO</span></a></td>
    </tr>
    <tr id="trd" style="display: none;">
        <td bgcolor="#E0F4FB">
            <table width="160px" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="box_gary03" style="width: 160px">
                        <font color="#0087ff">&nbsp;.</font> &nbsp;<a href="../cRIOList.aspx?type=c001" class="left_blue"
                            id="c001"><asp:Literal ID="Lit_RIO_Controllers" runat="server" Text="<%$ Resources:SiteResource, left_RIO_Controllers %>"></asp:Literal></a>
                    </td>
                </tr>
                <tr>
                    <td class="box_gary03" style="width: 160px">
                        <font color="#0087ff">&nbsp;.</font> &nbsp;<a href="../cRIOList.aspx?type=c002" class="left_blue"
                            id="c002"><asp:Literal ID="Lit_RIO_Analog" runat="server" Text="<%$ Resources:SiteResource, left_RIO_Analog %>"></asp:Literal></a>
                    </td>
                </tr>
                <tr>
                    <td class="box_gary03" style="width: 160px">
                        <font color="#0087ff">&nbsp;.</font> &nbsp;<a href="../cRIOList.aspx?type=c003" class="left_blue"
                            id="c003"><asp:Literal ID="Lit_RIO_Digital" runat="server" Text="<%$ Resources:SiteResource, left_RIO_Digital %>"></asp:Literal></a>
                    </td>
                </tr>
                <tr>
                    <td class="box_gary03" style="width: 160px; height: 19px;">
                        <font color="#0087ff">&nbsp;.</font> &nbsp;<a href="../cRIOList.aspx?type=c004" class="left_blue"
                            id="c004"><asp:Literal ID="Lit_RIO_More" runat="server" Text="<%$ Resources:SiteResource, left_RIO_More %>"></asp:Literal></a>
                    </td>
                </tr>
                <tr>
                    <td class="box_gary05" style="width: 160px; height: 19px;">
                        <font color="#0087ff">&nbsp;.</font> &nbsp;<a href="../cRIOtraning.aspx" class="left_blue"
                            id="c005"><asp:Literal ID="Lit_CRIOTraining" runat="server" Text="<%$ Resources:SiteResource, CRIO_Training %>"></asp:Literal></a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>

Answer 2

我建的是用户控件啊！生产HTML的话看不到JS啊！

Answer 3

大概看懂你的代码了..你的表格的行的id都一样了,这样返回的是id相同的第一个对象