JavaScript 中 for-in 循环遍历 DOM 节点的使用示例

作者:交互手记

时间:2026-10-30

浏览:622

本文通过具体 HTML 示例,展示如何在 JavaScript 中使用 for-in 循环遍历由 getElementsByName 获取的 DOM 节点集合。代码演示了如何检查复选框的 checked 状态,并将选中项的 value 值推入数组,最后通过 alert 输出结果。

文章目录

JavaScript for-in 循环遍历 DOM 节点示例

本文探讨 JavaScript 中 for-in 循环的具体应用场景。


<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>Document</title>
 <script type="text/javascript" src="jquery.js"></script>

 </head>
 <body>
 <input type="checkbox" name="test" value="1"/><span>a</span>
<input type="checkbox" name="test" value="2"/><span>b</span>
<input type="checkbox" name="test" value="3"/><span>c</span>
<input type="checkbox" name="test" value="4"/><span>d</span>
<input type="checkbox" name="test" value="5"/><span>e</span><br>
<input type='button' value='提交' onclick="fun()"/>
<script>
function fun(){
	obj = document.getElementsByName("test");
	check_val = [];
	//var k;
	for(k in obj){
	if(obj[k].checked)
	check_val.push(obj[k].value);
	}
	alert(check_val);
}

</script>
 </body>
</html>

以上为关于 JavaScript 中 for-in 循环遍历操作的完整内容,感谢阅读。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章