js根据name值获取元素

最新推荐文章于 2025-05-18 18:13:19 发布

原创最新推荐文章于 2025-05-18 18:13:19 发布 · 7.8w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#js根据name值获取元素

js案例专栏收录该内容

35 篇文章

订阅专栏

本文展示了一个使用JavaScript操作DOM元素的例子，通过按钮点击事件，批量修改页面中多个输入框的值，涉及到getElementById, getElementsByName等方法的使用。

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

效果
在这里插入图片描述

	<body>
	<input type="button" id="btn" value="显示效果" />
	<input type="text" value="你是" name="name1" />
	<input type="text" value="你是" name="name2" />
	<input type="text" value="你是" name="name1" />
	<input type="text" value="你是" name="name3" />
	<input type="text" value="你是" name="name1" />
	<script>
			function my(id){
				return document.getElementById(id);
			}
		
		my("btn").onclick=function(){
			//通过name属性获取value值
		var inputs=	document.getElementsByName("name1");//通常获取的是表单标签name
			console.log(inputs);
			for (var i = 0; i < inputs.length; i++) {
				inputs[i].value="njjjj";
			}
		}
	</script>
	</body>