獲取多個input標籤,並動態改變input標籤的name屬性
阿新 • • 發佈:2019-02-17
網上找了很多,都不如意,後來安裝了個谷歌瀏覽器除錯,發現問題: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>