JavaScript DOM编程之获取文本框的value

最新推荐文章于 2023-02-07 08:37:29 发布

OVO_LQ_Start

最新推荐文章于 2023-02-07 08:37:29 发布

阅读量930

点赞数 1

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/OVO_LQ_Start/article/details/104576096

版权

JavaScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

使用this关键字

this代表当前标签的对象。

<input type="text" onblur="alert(this.value)" />

其他方式

案例一：点击按钮，获取文本框的value，在页面中显示。
案例二：点击按钮，将第一个文本框的值赋值到第二个文本框当中。

<body>
		<script type="text/javascript">
			window.onload = function(){
				document.getElementById("btn").onclick = function(){
					
					alert(document.getElementById("username").value)
				}
				
				document.getElementById("btn2").onclick = function(){
					
					document.getElementById("username2").value = document.getElementById("username1").value
				}
				
			}
		</script>
		<input type="text" id="username" />
		<input type="button" value="获取文本框中的value" id="btn"/>
		<hr />
		<input type="text" id="username1" />
		<br />
		<input type="text" id="username2"/>
		<input type="button" value="将第一个文本框的值获取到第二个文本框中" id="btn2" />

OVO_LQ_Start

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript DOM编程之获取文本框的value

使用this关键字this代表当前标签的对象。<input type="text" onblur="alert(this.value)" />其他方式案例一：点击按钮，获取文本框的value，在页面中显示。案例二：点击按钮，将第一个文本框的值赋值到第二个文本框当中。<body> <script type="text/javascript"> ...
复制链接

扫一扫

专栏目录