bootstrap, 怎么切换input的类型，从text换成password？

Question

如图所示，点一个右边的字体图标，就把左边的input的类型从text换成password？怎么做，我看有些网站就是类似这样的，点一下，就显示密码，再点一下，就不显示了，变成了小黑点。代码：<div class="form-group">     <div class="col-md-12">         <div class="input-group">             <span class="input-group-addon" id="basic-addon1">密&nbsp;&nbsp;&nbsp;&nbsp;码</span>             <input id="pass_word" name="pass_word" type="text" class="form-control" placeholder="请输入密码" aria-describedby="basic-addon1">                                         <span class="input-group-addon"><i class="glyphicon glyphicon-eye-open"></i></span>         </div>     </div> </div>

Answer 1

    <input type="text" id="psw">

    <button id='btn'>按钮</button>

    <script>

        var obj = document.getElementById('btn');

        var psw = document.getElementById('psw');

        obj.onclick = function(){

          

            if(psw.getAttribute('type') == 'text'){

                psw.setAttribute('type','password')    

            }else{

                psw.setAttribute('type','text')    

            }

        

        }

    </script>