四.在js中怎么实现用按钮修改文本框里面的文字内容。

2024年1月15日 140次阅读 来源: qbz-1234

问题：怎么实现用按钮修改文本框里面的文字内容？
实现：1，在body中设置text文本框value值和标题。
2，在body中设置一个button，同时要设置该按钮的实现方法用setText()。
3，在script中用function函数实现setText()方法。其中主要的是要通过文本框的id属性，使用document.getElementById()方法实现。
具体实现:

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>改文字</title>
    <script>
        function setText(){ 
            var oTxt=document.getElementById('txt1');
            oTxt.value='abcdeegegas';
            oTxt.title='abcdefg';
        }
    </script>
</head>
<body>
    <input id='txt1' type="text" value="aaa">
    <input type="button" value="改文字" onclick="setText()">
</body>
</html>
    原文作者：qbz-1234
    原文地址: https://blog.csdn.net/qubaozhong1234/article/details/114801822
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞