原生js实现选项卡_原生js实现选项卡功能

效果图：

代码如下：

 

 代码如下

 

 

 

 

 <script>

  window.onload=function(){//原生js选项卡写法

  var oDiv = document.getElementById('div1');

  var aInput = document.getElementsByTagName('input');

  var aCon = oDiv.getElementsByTagName('div');

  for(var i=0;i

   aInput[i].index= i;

   aInput[i].onclick=function(){

   for(vari=0;i

    aInput[i].className='';

    aCon[i].style.display='none';

   }

   this.className='active';

   aCon[this.index].style.display='block';

   }

  }

  }

 </script>

 

 

 

  

  

  

  11111111111

  22222222222

  333333333333

 

 

 

原生js实现选项卡_原生js实现选项卡功能

http://m.bbyears.com/wangyezhizuo/129369.html

推荐访问: