js实现输入密码隐藏和显示,但是图片转换实现不了

点击眼睛可以实现密码显示和隐藏，但是不能实现眼睛图片的更换

var eye = document.querySelector("#eye");
var password = document.querySelector("#input");
var index = 1;
console.log(eye);
eye.onclick = function(){
    if(index == 1){
        password.type = 'text';
        eye.src = "images/open.png"
        index = 0;
    }
    else if(index == 0){
        password.type = 'password';
        eye.src = "images/close.png"
        index = 1;
    }
}

```html
 <div class="password">
                            <ul>
                                <li id="one"><img src="images\矩形 7 副本.png" alt=""></li>
                                <li><input id="input" type="password" placeholder="请输入密码"></li>
                                <li id="eye"><img src="images\close.png" alt=""></li>
                            </ul>
    </div>

#eye{
    position: absolute;
    width: 100px;
    left: 300px;
    top: 161px;
}

```

src属性应该是eye的子标签img的属性，得获得img标签对象然后.src才行，你可以试试src.childNode.src