Js 效果的问题

为什么这2个<li>不切换  什么问题啊 求助页面代码：
   <ul class="tabwrap" id="items">
   <li class="inactive" onclick="changeSelect(0)"><a href="Mymsg.aspx?id=1" rel="xianshi">收到的留言</a></li>
   <li class="active" onclick="changeSelect(1)"><a href="Mymsg.aspx?id=2" rel="xiaoshi">发出的留言</a></li>
   </ul>JS：
      function changeSelect(index) {
          var items = document.getElementById("items").getElementsByTagName("li");
          for (var i = 0; i < items.length; i++) {
              if (index == i) {
                  items[i].className = "active";
              } else {
                  items[i].className = "inactive";
              }
          }
      }

解决方案 »

  1.   


    <!--试了下有切换，你把全部代码帖出来看看-->
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>无标题页</title>
        <style type="text/css">
            .inactive{background:red;}
            .active{background:blue;}
        </style>
        <script type="text/javascript">
        function changeSelect(index) {
      var items = document.getElementById("items").getElementsByTagName("li");
      for (var i = 0; i < items.length; i++) {
      if (index == i) {
      items[i].className = "active";
      } else {
      items[i].className = "inactive";
      }
      }
      }    </script>
    </head>
    <body>
    <ul class="tabwrap" id="items">
    <li class="inactive" onclick="changeSelect(0)"><a href="javascript:void(0)" rel="xianshi">收到的留言</a></li>
    <li class="active" onclick="changeSelect(1)"><a href="javascript:void(0)" rel="xiaoshi">发出的留言</a></li>
    </ul>
    </body>
    </html>
      

  2.   

    相应了a标记的onclick 没相应LI的吗 ？
      

  3.   

    var items = document.getElementById("items").getElementsByTagName("li");以前没有这样写过。不知道js 支持不支持