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

    javascript怎么改变input输入框的值

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

    在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中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript
    上一篇:javascript有哪几种书写位置 下一篇:json和javascript对象有什么区别
    线上培训班

    相关文章推荐

    • javascript中src是什么意思• javascript中in的用法是什么• javascript怎么将整型数据转为字符串• javascript和java有关系吗• 如何理解javascript是动态语言• javascript怎么改变src属性值

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网