您的位置：首页 > 其它

获取多个input标签，并动态改变input标签的name属性

2016-09-30 18:05 302 查看
网上找了很多，都不如意，后来安装了个谷歌浏览器调试，发现问题：list数组中的值居然变少了，但不知道为什么会这样，求大神解答。原理我不知道，但是稍微修改下代码，还是实现了

<script type="text/javascript">
//动态改变
function test(){
var list = document.getElementsByName("a");
var count = list.length;
for(var i=0;i<count;i++){
list[0].name = "b";
};

//这样是赋值不完全的，通过调试发现，当name属性的
//值发生改变后，list数组中就会少一个input,不明白其中原因
//for(var i=0;i<list.length;i++){
//  list[i].name = "b";
//};
}

//测试是否改变成功
function test1(){
var list = document.getElementsByName("b");
for(var i=0;i<list.length;i++){
alert(list[i].name+"  "+list[i].value);
};
}
</script>
</head>

<body>
<input type="text" name="a" value="1">
<input type="text" name="a" value="2">
<input type="text" name="a" value="3">
<input type="text" name="a" value="4">
<input type="button" onclick="test()" value="获取name为a的标签集合并修改name值">
<input type="button" onclick="test1()" value="测试修改后的name值">

</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航