码迷,mamicode.com
首页 > 编程语言 > 详细

原生javascript 选项卡封装

时间:2015-08-12 16:39:12      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:

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);

}

原生javascript 选项卡封装

标签:

原文地址:http://www.cnblogs.com/xiepei/p/4724460.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!