JavaScript 获取并修改 input 标签 name 属性的方法

作者:交互手记时间:2026-10-29 12:06:34浏览:457

本文介绍如何使用 JavaScript 获取并修改 input 标签的 name 属性。通过 document.getElementsByTagName 获取所有 input 元素,遍历集合并修改其 name 属性,实现动态更改表单字段名称的功能。

JavaScript 获取并修改 input name 属性实现教程

本文介绍如何使用 JavaScript 获取并修改 input 标签的 name 属性。具体实现方法如下:


<input name="kk"></input>

<script language="javascript">
// 这里用getElementsByTagName把所有的input对象取出来,
//这是这个问题的关键性的地方,用ByTagName而不是ByName。
var list = document.getElementsByTagName("input");
// 循坏这个集合,包括了所有的input。
var inputList = document.getElementsByName("kk");
//测试
for(i=0;i<list.length;i++){
// 这里弹出的就是'kk',当然也可以根据需要输出别的。
//比如:list[i].id; list[i].value等等。
alert(list[i].name);// 这是修改这个值
list[i].name = 'mm';// 这时弹出的就是'mm'了
alert(list[i].name);
}
</script>

希望本文所述对大家的javascript程序设计有所帮助。

作者最新文章