• 技术文章 >web前端 >js教程

    javascript怎么改变input输入框的值

    青灯夜游青灯夜游2021-07-16 14:43:13原创5489

    在javascript中,可以利用HTML DOM的value属性来改变input输入框的值,该属性可以设置或返回文本域(输入框或文本框)的值;语法格式“输入框对象.value="修改值";”。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    javascript改变input输入框的值

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    	</head>
    	<body>
    
    		<input type="text" id="text1" value="Hello world!" />
    
    		<p id="demo">点击按钮来改变input输入框的值。</p>
    
    		<button onclick="myFunction()">试一下</button>
    
    		<script>
    			function myFunction() {
    				document.getElementsByTagName("input")[0].value = "你好!";
    			}
    		</script>
    
    	</body>
    </html>

    输出:

    1.gif

    说明:

    value 属性可以设置或返回文本域(输入框或文本框)的值

    语法

    textObject.value=text

    【推荐学习:javascript高级教程

    以上就是javascript怎么改变input输入框的值的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript
    上一篇:javascript有哪几种书写位置 下一篇:json和javascript对象有什么区别
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• javascript中src是什么意思• javascript中in的用法是什么• javascript怎么将整型数据转为字符串• javascript和java有关系吗• 如何理解javascript是动态语言• javascript怎么改变src属性值
    1/1

    PHP中文网