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

2019-03-28  本文已影响0人  微小码

一、知识要点

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>

三、运行效果

image.png
上一篇下一篇

猜你喜欢

热点阅读