js 操作元素

 <button id="ldh">刘德华</button>

    <button id="zxy">张学友</button> <br>

    <img src="images/ldh.jpg" alt="" title="刘德华">

    <script>

        // 修改元素属性

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

        var zhy = document.getElementById('zxy');

        var img = document.querySelector('img');

        // 注册事件

        zxy.onclick = function() {

            img.src = 'images/zxy.jpg';

            img.title = '张学友';

        }

        ldh.onclick = function() {

            img.src = 'images/ldh.jpg';

            img.title = '刘德华';

        }

    </script>

 

 <button>按钮</button>

    <input type="text" value="输入内容">

    <script>

        // 1 获取元素

        var btn = document.querySelector('button');

        var input = document.querySelector('input');

        // 2 注册事件 处理程序

        btn.onclick = function() {

            input.value = 'haah';

            // 点击按钮被禁用

            // btn.disabled = true;

            // this 指向的是事件函数的调用者 btn

            this.disabled = true;

        }

    </script>

 

 

  // 1 获取元素 

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

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

        // 切换显示隐藏

        var flag = 0;

        //  2 注册事件 绑定程序

        eye.onclick = function() {

            if (flag == 0) {

                pwd.type = 'text';

                eye.src = 'images/open.png';

                flag = 1;

            } else {

                pwd.type = 'password';

                eye.src = 'images/close.png';

                flag = 0;

            }

        }