DOM---明文、密文案例（密码的显示与隐藏）

一、案例实现

要求：点击张开眼睛图片——密码显示 点击闭上眼睛图片——密码隐藏

二、代码验证：

1.设置初始化格式，图片默认是闭眼状态

<input type="password" id="close"><img src="./闭上眼睛.jpg" alt="" id='imgclose'
        style="width: 20px; height:10px;position: relative;left: -30px;">

2.自定义一个变量为flag，赋值为0。点击input框，flag为0则开始修改各种元素属性，反之。

        var input = document.getElementById('input');
        var imgclose = document.getElementById('imgclose');
        var flag = 0;
        imgclose.onclick = function () {
            if (flag == 0) {
                input.type = 'text';
                imgclose.src = './张开眼睛.jpg';
                flag = 1;
            }
            else {
                input.type = 'password';
                imgclose.src = './闭上眼睛.jpg';
                flag = 0;
            }
        }