简单js——点击按钮弹窗（文本框的内容）

最新推荐文章于 2024-05-28 11:22:13 发布

Flora_M

最新推荐文章于 2024-05-28 11:22:13 发布

阅读量1.5w

点赞数 9

分类专栏： JS

本文链接：https://blog.csdn.net/Flora_SM/article/details/96347589

版权

JS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			function clickMe() {
				//得到input标签对象
				var input = document.getElementById("inputId");
				console.log(input.id) //在控制台打印出inputId
				console.log(input.type) //text
				console.log(input.value) //hello
				alert(input.value);
			}
		</script>
	</head>
	<body>
		<input type="text" id="inputId" value="hello" />
		<button  onclick="clickMe()">点我</button>
	</body>
</html>

效果图：

默认值为hello，点击按钮则弹窗和控制台效果如下：

如果文本框输入flora，则

同样点击按钮，效果图如下：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Flora_M

关注关注

9
点赞
踩
37

收藏

觉得还不错? 一键收藏
0
评论
简单js——点击按钮弹窗（文本框的内容）

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function clickMe() { //得到input标签对象 var...
复制链接

扫一扫