请教高手判断代码为何不能正确显示?

js

解决方案 »

  1.   

    你定义的是oDiv 而下边引用是aDiv,不制动还有别的问题没 
      

  2.   


    <html>
    <head>
      <title>选项卡文档</title>  <style>
        .active {background-color:yellow;}
        #div1 div {width:200px; height:200px; background:#ccc; border:1px solid #999; display:none;}
      </style>
    <script type="text/javascript">
        window.onload=function ()
        {
         
          //var oDiv=document.getElementById('div1');
          var oBtn=oDiv.getElementsByTagName('input');
          var oDiv=oDiv.getElementsByTagName('div');
          for(var i=0;i<oBtn.length;i++)
          {  
            oBtn[i].index=i;
            oBtn[i].onclick=function () 
            {
             for(var i=0;i<oBtn.length;i++)
             {
               oBtn[i].className='';
               oDiv[i].style.display='none';
             }
             this.className='active';
             oDiv[this.index].style.display='block';
           }
         }          }
     </script>
    </head>
    <body>
      <div id="div1">    <input  class="active" type="button"  value="教育"/> 
        <input type="button"  value="培训"/>
        <input type="button"  value="招生"/>
        <input type="button"  value="出国"/>
        <div style="display:block;">1111</div>
        <div>2222</div>
        <div>3333</div>
        <div>4444</div>  </div>
      
    </body>
    </html>