兼容性问题（在火狐下不出现"(好)"，"(很好)"等文本）望高手帮忙解答！！！！！！！！！！！！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script language="javascript" type="text/javascript" src="/Enterprise/js/js.js"></script>
    </head>
<body>
    <form id="form1">
     <span id="spStart1"><asp:TextBox id="spStart12" runat="server" Text="0" style="display:none"></asp:TextBox><div>* 服务</div><div id="spstart11" name="spstart11"></div><br /><img src="http://www.1791314.cn/xing_k_3.gif" align="absmiddle"  onClick="Click('spStart12',1)" onMouseOver = "MouseOver('spStart1',1)" onMouseOut="MouseOut('spStart1')" /><img src="http://www.1791314.cn/xing_k_3.gif" align="absmiddle" onClick="Click('spStart12',2)" onMouseOver = "MouseOver('spStart1',2)" onMouseOut="MouseOut('spStart1')" /><img src="http://www.1791314.cn/xing_k_3.gif" align="absmiddle" onClick="Click('spStart12',3)" onMouseOver = "MouseOver('spStart1',3)" onMouseOut="MouseOut('spStart1')" /><img src="http://www.1791314.cn/xing_k_3.gif" align="absmiddle" onClick="Click('spStart12',4)" onMouseOver = "MouseOver('spStart1',4)" onMouseOut="MouseOut('spStart1')" /><img src="http://www.1791314.cn/xing_k_3.gif" align="absmiddle" onClick="Click('spStart12',5)" onMouseOver = "MouseOver('spStart1',5)" onMouseOut="MouseOut('spStart1')" /></span>
        </form>
    <script>
        function ChangeState(obj, index, isfixed) {
            var colStars = document.getElementById(obj).getElementsByTagName("img");
            var i = 0;
            var k = 0;
            if (isfixed) {
                k = parseInt(document.getElementById(obj + "2").value);
            }
            else {
                k = index;
            }
           
            for (i = 0; i < colStars.length; i++) {
                //colStars[i].src = (i < k ? "/Enterprise/images/xing_m_3.gif" : "/Enterprise/images/xing_k_3.gif");
                if (i < k) {
                    colStars[i].src = "http://www.1791314.cn/xing_m_3.gif";
                }
                else {
                    colStars[i].src = "http://www.1791314.cn/xing_k_3.gif";
                }            }
            selectText(obj, k);
        }        function Click(inputID, index) {            document.getElementById(inputID).value = index;
        }        function MouseOver(obj, index) {
            ChangeState(obj, index, false);
        }        function MouseOut(obj) {
            ChangeState(obj, 0, true);
        }
        function selectText(obj, level) {
            switch (level) {
                case 0:
                    document.getElementById(obj + "1").innerHTML = "";
                    break;                case 1:
                    document.getElementById(obj + "1").innerHTML = "(差)";
                    break;                case 2:
                    document.getElementById(obj + "1").innerHTML = "(一般)";
                    break;                case 3:                    document.getElementById(obj + "1").innerHTML = "(好)";
                    break;                case 4:
                    document.getElementById(obj + "1").innerHTML = "(很好)";
                    break;                case 5:
                    document.getElementById(obj + "1").innerHTML = "(非常好)";
                    break;                default:
                    break;
            }
        }
    </script>
</body>
</html>

解决方案 »

  1.   

    大小写问题
    id="spstart11" 改成 id="spStart11"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <title></title>
        <script language="javascript" type="text/javascript" src="/Enterprise/js/js.js"></script>
    </head>
    <body>
        <form id="form1">
         <span id="spStart1"><asp:TextBox id="spStart12" runat="server" Text="0" style="display:none"></asp:TextBox><div>* 服务</div><div id="spStart11" name="spStart11"></div><br /><img src="http://www.1791314.cn/xing_k_3.gif" align="absmiddle"  onClick="Click('spStart12',1)" onMouseOver = "MouseOver('spStart1',1)" onMouseOut="MouseOut('spStart1')" /><img src="http://www.1791314.cn/xing_k_3.gif" align="absmiddle" onClick="Click('spStart12',2)" onMouseOver = "MouseOver('spStart1',2)" onMouseOut="MouseOut('spStart1')" /><img src="http://www.1791314.cn/xing_k_3.gif" align="absmiddle" onClick="Click('spStart12',3)" onMouseOver = "MouseOver('spStart1',3)" onMouseOut="MouseOut('spStart1')" /><img src="http://www.1791314.cn/xing_k_3.gif" align="absmiddle" onClick="Click('spStart12',4)" onMouseOver = "MouseOver('spStart1',4)" onMouseOut="MouseOut('spStart1')" /><img src="http://www.1791314.cn/xing_k_3.gif" align="absmiddle" onClick="Click('spStart12',5)" onMouseOver = "MouseOver('spStart1',5)" onMouseOut="MouseOut('spStart1')" /></span>
            </form>
        <script>
            function ChangeState(obj, index, isfixed) {
                var colStars = document.getElementById(obj).getElementsByTagName("img");
                var i = 0;
                var k = 0;
                if (isfixed) {
                    k = parseInt(document.getElementById(obj + "2").value);
                }
                else {
                    k = index;
                }
               
                for (i = 0; i < colStars.length; i++) {
                    //colStars[i].src = (i < k ? "/Enterprise/images/xing_m_3.gif" : "/Enterprise/images/xing_k_3.gif");
                    if (i < k) {
                        colStars[i].src = "http://www.1791314.cn/xing_m_3.gif";
                    }
                    else {
                        colStars[i].src = "http://www.1791314.cn/xing_k_3.gif";
                    }            }
                selectText(obj, k);
            }        function Click(inputID, index) {            document.getElementById(inputID).value = index;
            }        function MouseOver(obj, index) {
                ChangeState(obj, index, false);
            }        function MouseOut(obj) {
                ChangeState(obj, 0, true);
            }
            function selectText(obj, level) {
                switch (level) {
                    case 0:
                        document.getElementById(obj + "1").innerHTML = "";
                        break;                case 1:
                        document.getElementById(obj + "1").innerHTML = "(差)";
                        break;                case 2:
                        document.getElementById(obj + "1").innerHTML = "(一般)";
                        break;                case 3:                    document.getElementById(obj + "1").innerHTML = "(好)";
                        break;                case 4:
                        document.getElementById(obj + "1").innerHTML = "(很好)";
                        break;                case 5:
                        document.getElementById(obj + "1").innerHTML = "(非常好)";
                        break;                default:
                        break;
                }
            }
        </script>
    </body>
    </html>
      

  2.   

    <div id="spStart11" name="spStart11">
    注意大小写.
      

  3.   

    <div id="spStart11" name="spStart11">