原生javascript 选项卡封装

window.onload=function(){
  var aBtn=document.getElementsByTagName('input');
  var aDiv=document.getElementsByTagName('div');

  function tab(btn,content)
  {
    for(var i=0; i<btn.length; i++)
    {
      (function(index)
      {
        btn[index].onclick=function()
        {

          for(var i=0; i<btn.length; i++)
          {
            btn[i].className='';
            content[i].className='';
          }
          btn[index].className='show';
          content[index].className='show';
        };
      })(i);
  }  
};

tab(aBtn,aDiv);

}

posted @ 2015-08-12 15:12  万物皆object  阅读(150)  评论(0编辑  收藏  举报