js中dom注册一个点击事件一直为空

Question

    <script>
        var pwd = document.getElementById('pwd');
        var eye = document.getElementById('eye');
        eye.onclick = function() {
            pwd.type = 'text';
            eye.src = 'images/arr.png';
        }

    </script>

    <div class="box">
        <label></label><input type="text"><br>
       <label><img src="images/pw.jpg" id="eye" alt=""></label><input type="password" name="" id="pwd">
    </div>

Answer 1

将script标签放在div标签之后，注意加载顺序