1. 爱易网页
  2. JavaSript
  3. 新人请问 笔记本写的应该如何改呢

新人请问 笔记本写的应该如何改呢

日期：2014-05-16　 浏览次数：20407 次

新人请教 笔记本写的应该怎么改呢？
<html>
  <head>
    <title>选项卡</title>
     <style>
      #div1.active{background:yellow;}
      #div1 div{width:200px;height:200px;background:#CCC;border:1px;
solid #999;display:none;}
     </style>
     <script>
  window.onload=function()
   { 
         var oDiv=document.getElementById("div1");
         var abtn=oDiv.getElementsByTagName("input");
         var aDiv=oDiv.getElementsByTagNanme("div");

       for(var i=0;i<abtn.length;i++)
       {
          abtn[i].index=i;
          abtn[i].onclick=function()
          {
             for(var i=0;i<abtn.length;i++)
             {
                abtn[i].className="";
                aDiv[i].style.display="none"; 
             }
             this.classNanme="active";
             aDiv[this.index].style.display="bolck";
          } ;
       };
   };
     </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;">111111</div>
       <div>222222</div>
       <div>33333</div>
       <div>44444</div>
     </div>
   </body>
</html>

------解决方案--------------------
都直接用记事本写了还新人


<html>

  <head>

    <title>选项卡</title>

     <style>

 

相关资料更多>

  1. JS Date 变换
  2. 各JS发动机对Function.prototype.apply第二个参数的实现差异
  3. JavaScript知识拾遗：怎么获取动态表格中select控件的选中值
  4. 求教怎么将选定的内容取消
  5. 出生年月日-JS联动菜单
  6. JS关于省市县三级关联菜单“缺少对象”的有关问题，内详！（）
  7. js中几个亟需注意的数据类型
  8. 读《Javascript高级程序设计》中的javascript事件处理程序（事件侦听器）经验
  9. 惯用的js较验集锦