原生tab

1.原生切换

  
  




    

        

            
tab1
            
tab2
            
tab3
        
        

            
内容1
            
内容2
            
内容3
        
    

2.点击浮层

  
  





  

    
我是标题
    

      
我是内容
      
我是内容
    
    确定
    取消
  



let btn = document.getElementById('btn'),
            overlay = document.getElementsByClassName('overlay')[0],
            modal = document.getElementsByClassName('modal')[0];
        btn.addEventListener('click',function(e){
            e.stopPropagation();
            overlay.setAttribute('style','display:block');
        });
        document.addEventListener('click',function(e){
            overlay.setAttribute('style','display:none');
        });
        modal.addEventListener('click',function(e){
            e.stopPropagation();
            if(e.target.classList.contains('close') || e.target.classList.contains('cancel')){
                overlay.setAttribute('style','display:none');
            }
        });