JS示例02-点击按钮改变文本框值

专注APP开发

发布于 2019-11-07 15:29:31

12.6K0

发布于 2019-11-07 15:29:31

文章被收录于专栏：移动大前端移动大前端

一、知识要点

1、属性控制 2、点击事件提取

二、源码参考

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            window.onload = function() {
                var btn1 = document.getElementById('btn1');
                var txt1 = document.getElementById('txt1');

                btn1.onclick = function() {
                    txt1.value = "dfdfdfdfdf";
                }
            }
        </script>
    </head>

    <body>
        <input type="button" name="btn1" id="btn1" value="点击" />
        <input type="text" name="txt1" id="txt1" value="" />
    </body>

</html>