JS小dome Ⅲ.(对话框传参)

最新推荐文章于 2024-07-11 11:22:46 发布

原创最新推荐文章于 2024-07-11 11:22:46 发布 · 253 阅读

0 ·

CC 4.0 BY-SA版权

JS学习笔记专栏收录该内容

24 篇文章

订阅专栏

本文通过一个HTML示例，展示了如何使用JavaScript从HTML输入框中获取数据，并通过函数传参进行处理。具体操作包括：获取页面元素，读取输入框值，并使用alert显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一课(函数传参)

这个并不难，就不做解释了。

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		#div1{
			width:250px;height:50px;
			padding-left:40%;
		}
		#div1 input{
			width:200px;height:20px;
			margin:10px;
		}
		#div1 button{
			margin-left:90px;
		}
	</style>
</head>
<body>
	<div id="div1">
		<input type="text" value="北京市" id="input1"><br/>
		<input type="text" value="朝阳区" id="input2"><br/>
		<button id="button1">传参</button>
	</div>
	<script>
		document.getElementById("button1").οnclick=function()
		{
			var	a=document.getElementById("div1").getElementsByTagName("input");
			for(var i=0;i<a.length;i++)
			{
				var s=a[i].value;
				alert(s);
			}
		}
	</script>
</body>
</html>