案例2 仿照京东密码框

案例

 <!-- 仿照京东密码框 -->
     <div class="box">
          <input type="password">
          <img src="images/close.png" alt="" style="width: 20px;height: 20px;">
     </div>
     <script>
          var input=document.querySelector('input');
          var img=document.querySelector('img');
          var flag=1;
          img.onclick=function(){
               
               if(flag == 1){
               img.src='images/open.png';
               input.type='text';  
               flag = 0; 
               }else{
                    img.src='images/close.png';
                    input.type='password'; 
                    flag = 1;
               }
               
          }
     </script>